:root{color-scheme:dark;font-family:Geist,Arial,sans-serif;background:#090e18;color:#dbdee5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%}
body{overflow:hidden}
a{color:inherit;text-decoration:none}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #b5d2fc;outline-offset:5px}
[hidden]{display:none!important}
.maintenance-site{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;display:flex;background:#090e18;overscroll-behavior-y:contain}
/* Original matte navy surface with a static monochrome micrograin. */
.maintenance-site::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.8;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='grain' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23grain)' d='M0 0h256v256H0z'/%3E%3C/svg%3E");background-size:256px 256px}
.maintenance-main{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;width:100%;padding:24px}
/* Original Laby frame and surface treatment. */
.maintenance-shell{flex-shrink:0;width:100%;max-width:720px;margin:auto}
.maintenance-card{width:100%;background:#161a25;border:2px solid #020306;outline:2px solid #464d5e73;outline-offset:-4px;border-radius:8px;box-shadow:0 4px 0 #04060b,0 20px 60px #0002}
.maintenance-intro{padding:34px 34px 28px}
.maintenance-heading{margin:0 0 14px;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:#e3edff}
.card-brand-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px}
.card-wordmark{position:relative;z-index:2;margin:0;font-size:44px;line-height:1.2;font-weight:800;letter-spacing:-.035em;color:#f9fafe}
.maintenance-description{margin:0 0 28px;max-width:540px;color:#b2bacb;font-size:15px;line-height:1.75}
.maintenance-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.status-box{min-width:0;padding:18px;background:#111620;border:1px solid #303747;border-radius:5px;box-shadow:inset 0 1px #ffffff04}
.status-box dt{font-size:10px;line-height:1.4;font-weight:650;letter-spacing:.1em;color:#93a2bb}
.status-box dd{margin:10px 0 0;font-size:16px;line-height:1.5;font-weight:650;color:#eef2fb}
.link-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;background:#3f61ea;color:#fff;border:2px solid #04060b;border-radius:6px;box-shadow:inset 0 2px #ffffff38,inset 0 -3px #243b9c;transition:filter .15s;font-family:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap}
.external-icon{width:15px;height:15px;flex:none}
.link-button:not(:disabled):hover{filter:brightness(1.07)}
.link-button:where(:not(:disabled)):active{box-shadow:inset 0 -1px var(--button-shadow,#243b9c)}
.maintenance-access{margin-top:24px}
.access-description{margin:0 0 16px;color:#aeb4c3;font-size:13px;line-height:1.7}
.maintenance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.maintenance-actions .link-button{min-height:46px;padding-inline:20px}
.secondary-button,.admin-login{background:#242b3b;box-shadow:inset 0 2px #ffffff12,inset 0 -3px #111621;color:#e0e5ef}
.secondary-button:active,.admin-login:active{box-shadow:inset 0 -1px #111621}
.link-feedback{margin:14px 0 0;font-size:12px;line-height:1.6;color:#b5d2fc}
.maintenance-policies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:4px 20px;padding:18px 0 20px;border-top:1px solid #2b3140;margin:0 34px}
.policy-link{display:block;min-width:0;padding:6px 0;font-size:12px;line-height:20px;font-weight:500;color:#9da7bc;overflow-wrap:break-word}
.policy-link[aria-disabled="true"]{cursor:default}
.policy-link[href]:hover{color:#fff}
.discord-link{position:relative;isolation:isolate;overflow:hidden;gap:9px;background:linear-gradient(180deg,#4c75f0,#365bd8);color:#fff;box-shadow:inset 0 2px #c1dcff77,inset 0 -3px #213995,inset 0 0 0 1px #829fff33,0 0 14px #3f61ea12;transition:box-shadow .2s ease,filter .2s ease}
.discord-link:active{box-shadow:inset 0 -1px #243b9c}
.brand-logo{display:block;flex:0 0 68px;width:68px;height:74px;object-fit:contain;user-select:none}
@media(max-width:540px){
 .maintenance-main{padding:24px 16px}
 .maintenance-intro{padding:24px 22px}
 .maintenance-heading{font-size:clamp(24px,6.8vw,34px)}
 .card-brand-row{margin-bottom:22px;gap:13px}
 .card-wordmark{font-size:36px}
 .brand-logo{flex-basis:56px;width:56px;height:62px}
 .maintenance-description{font-size:14px;margin:0 0 24px}
 .status-box{padding:15px 12px}
 .status-box dd{font-size:13px}
 .maintenance-access{margin-top:22px}
 .access-description{font-size:12px}
 .maintenance-actions{gap:8px}
 .maintenance-actions .link-button{padding-inline:13px;font-size:12px}
 .maintenance-policies{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:22px;padding:16px 0 18px;gap:4px 16px}
}
@media(max-height:650px){.maintenance-main{padding-block:20px}}
@media(max-width:360px){
 .maintenance-main{padding-inline:12px}
 .maintenance-intro{padding:20px 17px}
 .maintenance-heading{font-size:24px}
 .maintenance-description{font-size:13px}
 .maintenance-status{gap:9px}
 .status-box{padding:14px 10px}
 .status-box dt{font-size:9px}
 .status-box dd{font-size:12px}
 .maintenance-actions{gap:6px}
 .maintenance-actions .link-button{padding-inline:10px;font-size:11px}
 .maintenance-policies{margin-inline:17px;padding:14px 0 16px;gap:4px 14px}
 .policy-link{font-size:11px}
 .discord-link{gap:7px}
}
@media(prefers-reduced-motion:reduce){.link-button{transition:none}}

/* Centered interactive brand mark above the maintenance card. */
#wolfmc-careers .w-logo-stage{width:260px;height:200px;margin:0 auto 20px;z-index:2}
#wolfmc-careers .w-logo-poster{width:168px;height:180px;top:10px}
@media(max-width:540px){#wolfmc-careers .w-logo-stage{width:230px;height:190px;margin-bottom:20px}#wolfmc-careers .w-logo-poster{width:154px;height:166px;top:12px}}


.ambient-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;visibility:hidden}
.ambient-background.is-ready{visibility:visible}
.ambient-background canvas{display:block;image-rendering:pixelated}

.discord-symbol{width:20px;height:20px;flex:none;filter:drop-shadow(0 1px 1px #17388477)}
.discord-link::before{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#c7e5ff3b 48%,#fff5 50%,transparent 74%);transform:translateX(-140%);transition:transform .65s cubic-bezier(.2,.6,.2,1)}
.discord-link:hover::before,.discord-link:focus-visible::before{transform:translateX(140%)}
.discord-link:hover{filter:brightness(1.05);box-shadow:inset 0 2px #d1e8ff99,inset 0 -3px #213995,inset 0 0 0 1px #b5d2fc55,0 0 18px #3f61ea38}
.discord-departing .discord-link{box-shadow:inset 0 2px #effaff,inset 0 -3px #213995,inset 0 0 0 1px #c2eaff,0 0 24px #64e2fd66}
.discord-transition{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:auto}
.discord-transition canvas{display:block;image-rendering:pixelated}
.departure-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.discord-departing .cookie-ui{opacity:0;pointer-events:none;transition:opacity .2s ease}
@media(max-width:540px){.maintenance-actions .discord-link{padding-inline:12px;gap:7px}.discord-symbol{width:17px;height:17px}}
@media(max-width:360px){.maintenance-actions .discord-link{padding-inline:9px;gap:6px}.discord-symbol{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.discord-link,.discord-link::before,.discord-departing .cookie-ui{transition:none}.discord-link::before{display:none}}

/* A paired home composition: the familiar maintenance panel and event showcase. */
@font-face{font-family:WolfMCEventPixel;src:url('../winter/Monocraft.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.maintenance-event-shell{max-width:1140px}
.maintenance-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:22px 30px;align-items:stretch}
.maintenance-layout>.maintenance-card{display:flex;flex-direction:column;min-width:0}
.maintenance-layout .maintenance-intro{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.event-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;border:2px solid #020306;outline:2px solid #464d5e73;outline-offset:-4px;border-radius:8px;background:#161a25;box-shadow:0 4px 0 #04060b,0 20px 60px #0002}
.event-showcase{position:relative;isolation:isolate;flex:1;min-height:150px;overflow:hidden;border-bottom:1px solid #9a505766;background:linear-gradient(135deg,#4a1d25 50%,#2b121a 50%);box-shadow:inset 0 2px #f1a3a324}
.event-artwork{position:absolute;inset:0;pointer-events:none}
.event-artwork img{position:absolute;left:50%;top:46%;display:block;width:78%;height:auto;filter:drop-shadow(0 12px 10px #16080dd9);transform:translate(-50%,-50%) rotate(-17deg);user-select:none}
.event-content{padding:20px;container-type:inline-size}
.event-content h2{margin:0;color:#fff;font-size:clamp(16px,7cqi,23px);font-weight:750;line-height:1.25;letter-spacing:-.025em;white-space:nowrap}
.event-schedule{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#c7d3e6;font-size:11px;line-height:18px;font-weight:500}
.event-schedule>svg{width:15px;height:15px;color:#8ca4c5;flex:none}
.event-schedule time>span{padding-inline:4px;color:#677995}
.event-schedule small{margin-left:3px;font-size:9px;color:#8194af}
.event-countdown-wrap{margin-top:16px}
.event-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%}
.event-countdown>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;height:68px;padding-top:3px;background:#10141e;border:2px solid #05070c;outline:2px solid #464d5e40;outline-offset:-4px;border-radius:6px;box-shadow:inset 0 4px #0006,inset 0 -1px #ffffff14}
.event-countdown strong{display:flex;justify-content:center;overflow:hidden;min-width:2.4ch;height:32px;color:#e4c783;font:400 clamp(20px,7cqi,26px)/32px WolfMCEventPixel,monospace;font-variant-numeric:tabular-nums;font-kerning:none;text-shadow:0 2px #5c482d;letter-spacing:.08em}
.event-countdown>div>span{color:#9ca6b8;font-size:9px;font-weight:600;line-height:10px;letter-spacing:.08em}
.event-digit{position:relative;display:block;width:1.08ch;height:32px;overflow:hidden}
.event-digit>span{display:block}.event-digit .event-digit-previous{position:absolute;inset:0}
.event-steps{margin:16px 0 0;padding-top:16px;border-top:1px solid #2b3140}
.event-participants{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);min-height:34px;margin:0;padding:5px 10px 5px 8px;background:#491c21;border:3px solid #04060b;border-radius:6px;box-shadow:inset 0 2px 0 #ffffff29,inset 0 -2px 0 #00000059;color:#edb0aa;font-size:10px;font-weight:700;letter-spacing:.045em;line-height:18px;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.75,.25,1),visibility .25s}
.event-participants.is-ready{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.event-participants .event-flame{width:18px;height:18px;color:#f17468;flex:none}
.event-participants strong{display:inline-block;margin-right:2px;color:#ff8075;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.event-steps h3{margin:0 0 12px;color:#b7c6dd;font:400 12px/1.5 WolfMCEventPixel,monospace;letter-spacing:.035em}
.event-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.event-steps li{display:flex;align-items:center;gap:12px;color:#d1d8e5;font-size:14px;line-height:21px}
.event-step-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:2px solid #06080d;outline:1px solid #53647c88;outline-offset:-3px;border-radius:4px;background:#252e3e;box-shadow:inset 0 1px #b3c5e826,inset 0 -2px #111826;color:#c3d4ee;font:400 13px/1 WolfMCEventPixel,monospace}
.event-steps a{color:#b9d1f5;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.event-steps a:hover{color:#fff}
.event-announcement{margin:14px 0 0;padding:12px;background:#14243a;border:1px solid #334a69;border-radius:4px;color:#b4cbea;font-size:11px;line-height:1.7}
.event-discord{width:100%;margin-top:16px;min-height:46px;font-size:13px;gap:9px}
.event-discord .discord-symbol{width:18px;height:18px}
.event-cta-arrow{width:17px;height:17px;margin-left:auto;transition:transform .25s ease}
.event-discord:hover .event-cta-arrow{transform:translateX(3px)}
@media(min-width:901px){
 .maintenance-layout .maintenance-intro{padding-top:42px}
 .maintenance-layout .maintenance-heading{font-size:42px}
 .maintenance-layout .maintenance-description{font-size:16px;margin-bottom:32px}
 .maintenance-layout .status-box{padding:26px 22px}
 .maintenance-layout .status-box dt{font-size:11px}
 .maintenance-layout .status-box dd{font-size:17px;margin-top:12px}
 .maintenance-layout .maintenance-access{margin-top:28px}
 .maintenance-layout .access-description{font-size:14px;margin-bottom:24px}
 .maintenance-layout .maintenance-policies{padding-top:20px}
 .maintenance-layout .policy-link{font-size:13px}
 #wolfmc-careers .maintenance-event-shell .w-logo-stage{height:clamp(104px,15vh,136px);width:210px;margin-bottom:16px}}
@media(max-width:1050px) and (min-width:901px){.maintenance-layout{gap:22px}.maintenance-layout .maintenance-intro{padding:28px}.maintenance-layout .maintenance-heading{font-size:34px}.maintenance-layout .maintenance-policies{margin-inline:28px;column-gap:14px}.maintenance-layout .policy-link{font-size:11px}.event-content{padding-inline:18px}}
@media(max-width:900px){.maintenance-event-shell{max-width:680px}.maintenance-layout{grid-template-columns:minmax(0,1fr);gap:24px}.event-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.event-showcase{border-bottom:0;border-right:1px solid #9a505766}}
@media(max-width:620px){.event-card{display:flex}.event-showcase{min-height:220px;border-right:0;border-bottom:1px solid #9a505766}.event-schedule{font-size:12px}}
@media(prefers-reduced-motion:reduce){.event-cta-arrow,.event-participants{transition:none}}
