/* Cyan / blue / violet identity. Motion is decorative and can be disabled. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 20%,#00cfff0d,transparent 45%),radial-gradient(ellipse at 90% 65%,#9861ff17,transparent 40%)}
.page-heading{position:relative;padding-bottom:42px}.page-heading::after{content:"";display:block;width:110px;height:3px;margin-top:28px;background:linear-gradient(90deg,var(--cyan,#40dcff),#7962ff,transparent);box-shadow:0 0 25px #37c9ff60}.page-heading h1 em{background:linear-gradient(110deg,#69e6ff,#719fff 55%,#c293ff);background-clip:text;color:transparent}
.page-heading::before{content:"";position:absolute;right:-2%;top:12px;bottom:0;width:58%;z-index:-1;opacity:.25;background:url('hero-portal.webp') center 42%/cover;mask-image:linear-gradient(90deg,transparent,#000 80%),linear-gradient(0deg,transparent,#000 35% 80%,transparent);mask-composite:intersect;pointer-events:none}.page-heading{isolation:isolate}main[data-page=wiki] .page-heading::before,main[data-page=items] .page-heading::before{background-image:url('skyblock.webp')}main[data-page=events] .page-heading::before,main[data-page=bewerbung] .page-heading::before{background-image:url('citybuild.webp')}.page-heading>h1,.page-heading>p,.page-heading>.eyebrow{position:relative;z-index:1}.flip-front::after{content:"";position:absolute;inset:0;background:url('citybuild.webp') center/cover;opacity:.07;mask-image:linear-gradient(0deg,transparent 20%,#000);pointer-events:none}.flip-front>*{z-index:1}.flip-card .role-symbol{transition:transform .5s}.flip-card:hover .role-symbol{transform:translateY(-6px) rotate(-5deg)}
.hero{isolation:isolate}.hero-art{will-change:transform;transition:transform .25s ease-out}.hero::after{content:"";position:absolute;inset:5% -20%;background:conic-gradient(from 190deg at 65% 45%,transparent 0 30%,#29d1ff0a 32%,transparent 35% 75%,#8e65ff16 80%,transparent 86%);pointer-events:none;z-index:0;animation:aurora-drift 15s ease-in-out infinite alternate}.hero-inner{position:relative;z-index:2}.hero-seal{animation:seal-float 6s ease-in-out infinite}.hero canvas{position:absolute;inset:0;pointer-events:none;z-index:1;width:100%;height:100%}
.world-card,.system-card,.item-card,.news-card,.team-card{position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}.world-card:hover,.system-card:hover,.item-card:hover,.news-card:hover{transform:translateY(-5px);border-color:#4a99dd80;box-shadow:0 15px 50px #02061780,0 0 24px #358cff0d}.world-full-art{position:relative;overflow:hidden}.world-full-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#5ddbff16 45%,transparent 60%);background-size:250% 100%;animation:art-shine 12s ease infinite;pointer-events:none}.system-card{overflow:hidden}.system-card::after{content:"✦";position:absolute;right:20px;top:0;font-size:130px;color:#7479ff0a;pointer-events:none}.system-card h3{margin:16px 0 12px}.system-card p{line-height:1.8}.button.primary{position:relative;box-shadow:0 5px 30px #358cff24}.button.primary:hover{box-shadow:0 7px 40px #358cff50}.news-card .edit-pencil{position:absolute;top:10px;right:10px;z-index:3}.prose{overflow-wrap:anywhere}.prose p{line-height:1.85}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-controls{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:end}.catalog-controls label:last-child{display:grid;gap:8px}.item-card{padding:22px;min-width:0}.item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.item-top small{color:#99a7c0}.item-cube{font-size:36px;color:#5be2ff;text-shadow:5px 4px #6165bc65;display:inline-block;transform:rotate(-12deg)}.item-card h3{font-size:18px}.item-card p{margin:6px 0 14px;color:#a6b5ce}.item-card code{font-size:11px;overflow-wrap:anywhere;color:#80b9df}.item-copy{display:flex;gap:6px;margin-top:18px}.item-copy button{flex:1;padding:9px 3px;border:1px solid #34526a70;background:#17273b;color:#bcecff;border-radius:6px;cursor:pointer}.item-copy button:hover{background:#284768}.item-grid .empty{grid-column:1/-1}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.flip-card{perspective:1400px;min-width:0}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.15,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{grid-area:1/1;backface-visibility:hidden;min-height:420px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;overflow:hidden}.flip-front{background:radial-gradient(circle at 80% 0,#27608930,transparent 65%),#101725}.flip-front>button.button{margin-top:auto}.flip-back{transform:rotateY(180deg);background:radial-gradient(circle at 80% 0,#7656bd35,transparent 65%),#121526}.flip-back a{margin-top:auto}.flip-back p{font-size:14px;line-height:1.6}.role-symbol{font-size:60px;filter:drop-shadow(0 0 18px #7299ff40)}.flip-card:nth-child(even) .flip-front{background:radial-gradient(circle at 80% 0,#884fb52b,transparent 65%),#101725}.legend-v3{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.legend-v3 .crown{position:absolute;right:24px;top:16px;font-size:60px;color:#5bceff40}
.calendar-actions{display:flex;gap:12px;flex-wrap:wrap}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 24px}.calendar-head h2{font-size:26px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-week span{text-align:center;padding:12px;font-size:12px;color:#98abc7;text-transform:uppercase;letter-spacing:2px}.calendar-day{background:#15203466;border:1px solid #31425960;border-radius:8px;min-height:104px;text-align:left;color:#cee0f5;padding:12px 10px;cursor:pointer;overflow:hidden}.calendar-day b{display:block;font-size:17px;font-weight:500;margin-bottom:9px}.calendar-day small{display:block;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#2273a944;color:#75dcff;border-radius:3px;padding:3px;margin-top:3px}.calendar-day.outside{opacity:.36}.calendar-day.today{border-color:#39a4d8}.calendar-day.selected{background:#224265;border-color:#9c83ff;box-shadow:inset 0 0 20px #6382ff20}.calendar-day:hover{background:#22314b}.calendar-day small.cancelled{text-decoration:line-through;color:#cd9ca8}.calendar-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#94a8c5}.event-card h2{margin:12px 0;font-size:26px}.event-card .text-link{display:block}.notice-card.unread{border-left:3px solid #49d6ff}.notice-card h3{margin:14px 0 8px}.notice-card small{display:block;color:#899cbb;margin-top:14px}#event-agenda>.empty{grid-column:1/-1}.joinbot{border-color:#7663ab88}.edit-pencil{font-size:12px!important;color:#93ecff!important;background:#143646!important;border:1px dashed #3aa8c9!important;padding:8px 12px!important;border-radius:6px!important;cursor:pointer;margin-bottom:10px}.edit-pencil:hover{background:#22546a!important}#studio-bar{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:18px;background:#101c2ef2;backdrop-filter:blur(16px);border:1px solid #4385b980;border-radius:12px;box-shadow:0 8px 50px #0009;padding:12px 18px;max-width:calc(100% - 24px);width:max-content}#studio-bar[hidden]{display:none}#studio-bar>span{font-size:10px;letter-spacing:1px;color:#6ed8ff}#studio-bar .text-link{font-size:12px;white-space:nowrap}.has-studio{padding-bottom:85px}#notice-link{font-size:18px;white-space:nowrap;text-align:center}#notice-link[hidden]{display:none}.motion-switch{background:transparent;color:#a3b1c9;border:1px solid #33425a;padding:6px 10px;border-radius:5px;font-size:11px;cursor:pointer}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;scroll-behavior:auto!important}.motion-off .hero-art{transform:none!important}
@keyframes aurora-drift{from{transform:rotate(-6deg) scale(1)}to{transform:rotate(8deg) scale(1.1)}}@keyframes seal-float{50%{transform:translateY(-10px)}}@keyframes art-shine{0%,70%{background-position:120% 0}100%{background-position:-100% 0}}
@media(min-width:1600px){.item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-bar>span{display:none}}
@media(max-width:650px){.application-grid{grid-template-columns:1fr}.flip-front,.flip-back{min-height:390px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:15px}.item-card h3{font-size:15px}.item-card p{font-size:13px}.item-top small{font-size:9px}.item-cube{font-size:26px}.catalog-controls{grid-template-columns:1fr}.calendar-day{min-height:63px;padding:6px 3px;border-radius:5px}.calendar-day small{font-size:0;padding:2px;height:4px;margin:3px 0;background:#50cfff}.calendar-day b{font-size:14px}.calendar-week,.calendar-grid{gap:3px}.calendar-week span{padding:9px 0}.calendar-head h2{font-size:21px}#calendar{padding:14px}.calendar-actions .button{font-size:12px;padding:11px}.calendar-foot{font-size:10px}.page-heading{padding-bottom:24px}#studio-bar{gap:10px;padding:9px;flex-wrap:wrap;justify-content:center}#studio-bar .text-link{font-size:10px}#studio-bar .badge{font-size:9px}.header-actions{gap:6px}.hero-seal{animation:none}.event-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art{transform:none!important}}