:root{--red:#e32636;--ink:#05070b;--paper:#f5f1e8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body{min-height:100vh;display:grid;place-items:center}.status-scene{position:relative;width:100%;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,#1c2c47 0,transparent 32%),linear-gradient(135deg,#080c13,#030407 70%)}.status-scene:before{content:"";position:absolute;inset:-20%;opacity:.2;pointer-events:none;background:repeating-linear-gradient(30deg,transparent 0 55px,rgba(255,255,255,.08) 56px 57px),repeating-linear-gradient(150deg,transparent 0 55px,rgba(227,38,54,.18) 56px 57px);animation:webDrift 14s linear infinite}.status-language{position:fixed;z-index:1000;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;border:1px solid #3a4553;background:rgba(5,7,11,.94);backdrop-filter:blur(8px);pointer-events:auto;touch-action:manipulation}.status-language button{min-width:48px;min-height:44px;border:0;background:transparent;color:#a6adb7;padding:10px 12px;font:800 10px Inter;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.status-language button.active{background:var(--red);color:#fff}.status-card{position:relative;z-index:5;width:min(860px,calc(100% - 38px));padding:55px;background:rgba(6,9,14,.88);border:1px solid #354050;box-shadow:18px 18px 0 var(--red);backdrop-filter:blur(12px)}.eyebrow{margin:0;color:#ff4251;font-size:10px;font-weight:800;letter-spacing:4px}.status-card h1{font:900 clamp(62px,11vw,145px)/.75 "Barlow Condensed",Impact,sans-serif;letter-spacing:-4px;margin:22px 0}.status-card h1 em{display:block;color:transparent;font-style:italic;-webkit-text-stroke:2px #fff}.status-card>p:not(.eyebrow){max-width:560px;color:#aab1bc;line-height:1.7}.status-note{display:flex;align-items:center;gap:14px;margin-top:30px;padding:14px 18px;background:#111720;border-left:3px solid var(--red);font-size:11px}.status-note span{width:10px;height:10px;border-radius:50%;background:#49da86;box-shadow:0 0 15px #49da86;animation:pulse 1s infinite}.status-actions{position:relative;z-index:10;display:flex;gap:10px;margin-top:24px}.status-actions a{padding:14px 20px;background:var(--red);color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1px;touch-action:manipulation}.status-actions a.secondary{background:transparent;border:1px solid #3a4553}.skyline{position:absolute;left:0;right:0;bottom:0;height:19vh;pointer-events:none;background:linear-gradient(90deg,#080b10 7%,transparent 7% 9%,#080b10 9% 18%,transparent 18% 20%,#080b10 20% 32%,transparent 32% 35%,#080b10 35% 48%,transparent 48% 51%,#080b10 51% 66%,transparent 66% 68%,#080b10 68% 78%,transparent 78% 81%,#080b10 81%);clip-path:polygon(0 35%,7% 35%,7% 5%,14% 5%,14% 42%,26% 42%,26% 18%,34% 18%,34% 50%,47% 50%,47% 0,55% 0,55% 39%,68% 39%,68% 12%,76% 12%,76% 53%,88% 53%,88% 25%,95% 25%,95% 42%,100% 42%,100% 100%,0 100%)}.swing-zone{position:absolute;inset:0;pointer-events:none;z-index:4}.web-rope{position:absolute;left:50%;top:-6%;width:2px;height:49vh;background:linear-gradient(#fff,rgba(255,255,255,.16));transform-origin:top center;animation:swing 3.1s ease-in-out infinite}.web-hero{position:absolute;left:50%;bottom:-50px;width:70px;height:115px;transform:translateX(-50%)}.web-hero .head{position:absolute;left:18px;top:0;width:36px;height:44px;border-radius:48% 48% 45% 45%;background:var(--red);border:3px solid #080b10}.web-hero .head:before,.web-hero .head:after{content:"";position:absolute;top:12px;width:10px;height:18px;background:#fff;border:2px solid #080b10;clip-path:polygon(0 0,100% 28%,45% 100%)}.web-hero .head:before{left:5px}.web-hero .head:after{right:5px;transform:scaleX(-1)}.web-hero .body{position:absolute;left:13px;top:39px;width:46px;height:50px;border-radius:42% 42% 30% 30%;background:linear-gradient(90deg,#14233d 0 25%,var(--red) 26% 74%,#14233d 75%);border:3px solid #080b10}.web-hero .arm,.web-hero .leg{position:absolute;width:14px;background:#172640;border:3px solid #080b10;border-radius:10px;transform-origin:top}.web-hero .arm{height:53px;top:42px}.web-hero .arm.a{left:10px;transform:rotate(35deg)}.web-hero .arm.b{right:9px;transform:rotate(-45deg)}.web-hero .leg{height:58px;top:82px}.web-hero .leg.a{left:25px;transform:rotate(28deg)}.web-hero .leg.b{right:22px;transform:rotate(-36deg)}.coming .status-note span{background:#ffbd42;box-shadow:0 0 15px #ffbd42}.coming .web-rope{animation-duration:2.5s}
@keyframes swing{0%,100%{transform:rotate(-38deg)}50%{transform:rotate(38deg)}}@keyframes pulse{50%{opacity:.25;transform:scale(.65)}}@keyframes webDrift{to{transform:translate(100px,50px)}}@media(max-width:650px){.status-card{padding:34px 24px;box-shadow:9px 9px 0 var(--red)}.status-card h1{letter-spacing:-2px}.web-rope{left:80%;height:38vh}.status-actions{flex-direction:column}.status-actions a{text-align:center}}

/* Discord-managed Coming Soon countdown */
.launch-countdown{margin-top:26px;padding:17px 18px;background:linear-gradient(135deg,#151c28,#0c1119);border:1px solid #344154;border-left:3px solid var(--red)}.launch-countdown[hidden]{display:none}.launch-countdown-label{display:block;margin-bottom:11px;color:#c4cad3;font:800 9px Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.launch-countdown>div{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:7px}.launch-countdown span{padding:10px 7px;background:#070a0f;text-align:center}.launch-countdown b{display:block;color:#fff;font:900 clamp(28px,4vw,46px)/.9 "Barlow Condensed",Impact,sans-serif}.launch-countdown em{display:block;margin-top:6px;color:#747f8e;font:700 7px Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;font-style:normal}@media(max-width:650px){.launch-countdown{margin-top:20px;padding:13px 10px}.launch-countdown>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.launch-countdown span{padding:9px 2px}.launch-countdown b{font-size:25px}.launch-countdown em{font-size:6px;letter-spacing:.35px}}
.launch-countdown .launch-sound-toggle{width:100%;min-height:42px;margin-top:10px;padding:0 16px;border:1px solid #445064;background:#111722;color:#b5bdc9;font:800 9px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;touch-action:manipulation}.launch-countdown .launch-sound-toggle[hidden]{display:none}.launch-countdown .launch-sound-toggle.active{border-color:#55bdff;color:#fff;box-shadow:0 0 20px rgba(85,189,255,.2)}
.launch-recap{position:fixed;inset:0;z-index:1300;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(22px,4vw,58px);color:#fff;background:radial-gradient(circle at 80% 20%,#223a61 0,transparent 30%),linear-gradient(135deg,#080c13,#020305 75%);overflow:hidden;animation:recapReveal .8s 3.7s both}.launch-recap:before{content:"";position:absolute;inset:-25%;opacity:.16;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 13deg,#e32636 14deg 14.4deg,transparent 15deg 29deg);animation:recapWeb 18s linear infinite}.launch-recap-title,.launch-recap-window,.launch-recap-progress{position:relative;z-index:1}.launch-recap-title small{color:#ff4050;font:800 8px Inter;letter-spacing:3px}.launch-recap-title h2{margin:10px 0 5px;font:900 clamp(48px,7vw,98px)/.78 "Barlow Condensed",Impact,sans-serif;letter-spacing:-3px}.launch-recap-title h2 em{font-style:italic;color:transparent;-webkit-text-stroke:2px #fff}.launch-recap-title p{margin:0;color:#9ca5b1;font-size:10px}.launch-recap-window{align-self:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.launch-recap-track{display:flex;width:max-content;gap:10px;animation:recapFilms 10.6s 4.1s cubic-bezier(.12,.7,.2,1) forwards}.launch-recap-track article{position:relative;width:clamp(170px,18vw,270px);aspect-ratio:.74;padding:16px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:1px solid #354052;background:#111722;box-shadow:0 15px 35px rgba(0,0,0,.5);animation:recapCard .45s both;animation-delay:calc(3.8s + var(--i)*.07s)}.launch-recap-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.launch-recap-track article:after{content:"";position:absolute;inset:22% 0 0;background:linear-gradient(transparent,#04060a)}.launch-recap-track span,.launch-recap-track strong,.launch-recap-track h3,.launch-recap-track p{position:relative;z-index:1}.launch-recap-track span{color:#ff4554;font:800 7px Inter;letter-spacing:2px}.launch-recap-track strong{margin-top:auto;font:900 46px/1 "Barlow Condensed"}.launch-recap-track h3{margin:2px 0;font:900 23px/.95 "Barlow Condensed"}.launch-recap-track p{margin:0;color:#9ca5b0;font-size:8px}.launch-recap-progress{height:3px;background:#252d39;overflow:hidden}.launch-recap-progress span{display:block;height:100%;background:#e32636;animation:recapProgress 11.5s 3.8s linear forwards}@keyframes recapReveal{from{opacity:0;clip-path:circle(0 at 50% 50%)}to{opacity:1;clip-path:circle(100% at 50% 50%)}}@keyframes recapWeb{to{transform:rotate(360deg)}}@keyframes recapCard{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes recapFilms{0%,7%{transform:translateX(0)}100%{transform:translateX(calc(-100% + 88vw))}}@keyframes recapProgress{from{width:0}to{width:100%}}@media(max-width:650px){.launch-recap{padding:20px 13px}.launch-recap-title h2{font-size:52px}.launch-recap-track article{width:60vw}.launch-recap-track{gap:7px}@keyframes recapFilms{0%,7%{transform:translateX(0)}100%{transform:translateX(calc(-100% + 82vw))}}}@media(prefers-reduced-motion:reduce){.launch-recap{animation-delay:0}.launch-recap-track{animation:none;max-width:100vw;overflow-x:auto}.launch-recap-progress span{animation-duration:1s;animation-delay:0}}

/* Timer finale */
body.launch-sequence:before,body.launch-sequence:after{content:"";position:fixed;inset:-25%;z-index:1200;pointer-events:none}body.launch-sequence:before{background:radial-gradient(circle at 50% 48%,transparent 0 7%,rgba(255,255,255,.96) 8% 8.5%,transparent 9% 13%,rgba(227,38,54,.8) 14% 15%,transparent 16%),repeating-conic-gradient(from 12deg at 50% 48%,transparent 0 12deg,rgba(236,248,255,.85) 13deg 13.5deg,transparent 14deg 25deg);animation:spiderSenseFinale 4.8s ease-in-out forwards}body.launch-sequence:after{inset:0;background:#020306;animation:portalCurtain 4.8s ease-in-out forwards}.launch-sequence .status-card{z-index:1202;animation:cardLaunch 4.8s cubic-bezier(.2,.8,.2,1) forwards}.launch-sequence .swing-zone{z-index:1203;filter:drop-shadow(0 0 24px #fff)}.launch-sequence .web-lines{opacity:1!important;animation:webCrossFlash .34s steps(2) 7}.launch-sequence .launch-countdown{border-color:#fff;box-shadow:0 0 38px rgba(227,38,54,.9)}@keyframes spiderSenseFinale{0%{opacity:0;transform:scale(.35) rotate(-8deg)}12%,28%{opacity:1}18%,35%{opacity:.25}62%{opacity:.9;transform:scale(1) rotate(3deg)}100%{opacity:0;transform:scale(1.55) rotate(8deg)}}@keyframes portalCurtain{0%{opacity:0}15%{opacity:.72}63%{opacity:.82;clip-path:circle(100% at 50% 50%)}100%{opacity:1;clip-path:circle(0 at 50% 50%)}}@keyframes cardLaunch{0%,55%{transform:scale(1);filter:none}72%{transform:scale(1.025);filter:brightness(1.5)}100%{transform:scale(.84);filter:brightness(2);opacity:0}}@keyframes webCrossFlash{50%{filter:drop-shadow(0 0 12px #fff);transform:scaleX(1.03)}}@media(prefers-reduced-motion:reduce){body.launch-sequence:before{display:none}body.launch-sequence:after,.launch-sequence .status-card{animation-duration:.9s}}

/* Rendered 3D web hero with alternating movie-style web anchors */
.swing-zone{z-index:7;overflow:hidden}.web-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:opacity .16s linear}.web-strand{stroke:#e9f7ff;stroke-linecap:round;vector-effect:non-scaling-stroke}.web-strand-back{stroke-width:5;opacity:.18;filter:blur(2px)}.web-strand-front{stroke-width:1.7;filter:drop-shadow(0 0 4px rgba(190,225,255,.85))}.web-hero-art{position:absolute;display:block;width:clamp(230px,19vw,320px);height:auto;filter:drop-shadow(0 22px 20px rgba(0,0,0,.62));will-change:left,top,transform;transition:opacity .11s linear}.web-hero-shot,.web-hero-action{opacity:0}.web-hero-action{width:clamp(190px,16vw,260px)}.web-hero-art.is-active{opacity:1}.web-hero-art.is-hidden{opacity:0}@media(max-width:1050px){.web-hero-art{width:180px}.web-hero-action{width:165px}}@media(max-width:650px){.web-hero-art{width:140px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.62))}.web-hero-action{width:128px}}@media(prefers-reduced-motion:reduce){.web-hero-art{will-change:auto;transition:none}}

/* Chronological trailer journey shown once when the Coming Soon timer ends */
.launch-trailer-recap{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,24px)}
.launch-trailer-recap .launch-recap-title h2{font-size:clamp(38px,5.5vw,78px)}
.launch-trailer-stage{position:relative;z-index:1;align-self:center;width:min(100%,1120px);height:min(56.25vw,58dvh);min-height:260px;margin:auto;overflow:hidden;border:1px solid #445064;background:#05070b;box-shadow:0 22px 70px rgba(0,0,0,.65)}
.launch-trailer-stage>img,.launch-trailer-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.launch-trailer-stage>img{opacity:.48;filter:saturate(.75)}
.launch-trailer-stage iframe{z-index:1}
.launch-trailer-stage:after{content:"";position:absolute;z-index:2;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,4,8,.92));pointer-events:none}
.launch-trailer-copy{position:absolute;z-index:3;left:clamp(15px,3vw,38px);right:clamp(15px,3vw,38px);bottom:clamp(13px,2.5vw,30px);display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 16px;pointer-events:none}
.launch-trailer-copy span{grid-column:1/-1;color:#ff4554;font:800 8px Inter;letter-spacing:2px}
.launch-trailer-copy strong{grid-row:2/4;color:#fff;font:900 clamp(46px,7vw,92px)/.78 "Barlow Condensed",Impact,sans-serif}
.launch-trailer-copy h3{margin:0;color:#fff;font:900 clamp(25px,4vw,52px)/.9 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.launch-trailer-copy p{margin:5px 0 0;color:#c0c6d0;font-size:10px}
.launch-trailer-recap .launch-recap-progress span{animation-duration:49.9s}
.launch-trailer-foot{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.launch-trailer-foot .launch-recap-progress{flex:1}.launch-trailer-foot button{min-height:44px;padding:0 16px;border:1px solid #566170;background:#0b1017;color:#fff;font:800 8px Inter;letter-spacing:1px;cursor:pointer}.launch-trailer-foot button:hover{background:#e32636;border-color:#e32636}
.launch-trailer-recap.trailer-change .launch-trailer-copy{animation:trailerCopyIn .42s ease-out}
@keyframes trailerCopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:650px){.launch-trailer-recap{gap:10px}.launch-trailer-recap .launch-recap-title h2{font-size:clamp(36px,11vw,48px);margin:7px 0 4px}.launch-trailer-recap .launch-recap-title p{font-size:8px}.launch-trailer-stage{height:auto;min-height:0;aspect-ratio:9/13;max-height:61dvh}.launch-trailer-copy{grid-template-columns:auto minmax(0,1fr);gap:0 10px}.launch-trailer-copy strong{font-size:52px}.launch-trailer-copy h3{font-size:clamp(22px,7vw,30px);overflow-wrap:anywhere}}
@media(orientation:landscape) and (max-height:560px){.launch-trailer-recap{grid-template-columns:minmax(180px,31vw) 1fr;grid-template-rows:1fr auto;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.launch-trailer-recap .launch-recap-title{align-self:center}.launch-trailer-recap .launch-recap-title h2{font-size:38px}.launch-trailer-stage{grid-column:2;grid-row:1;height:calc(100dvh - 28px);min-height:0;aspect-ratio:16/9}.launch-trailer-recap .launch-recap-progress{grid-column:1/-1}}

/* Phone layout and safe areas */
@media(max-width:650px){html,body{min-height:100%;min-height:100dvh}.status-scene{min-height:100dvh;place-items:start center;overflow-x:hidden;overflow-y:auto;padding:max(76px,calc(env(safe-area-inset-top) + 62px)) 0 max(130px,calc(env(safe-area-inset-bottom) + 110px))}.status-language{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.status-language button{min-width:46px;min-height:46px}.status-card{width:calc(100% - 24px);padding:27px 17px;box-shadow:7px 7px 0 var(--red)}.eyebrow{font-size:8px;letter-spacing:2.3px}.status-card h1{font-size:clamp(48px,17vw,70px);line-height:.78;letter-spacing:-1.5px;margin:17px 0}.status-card>p:not(.eyebrow){font-size:12px;line-height:1.55}.status-note{margin-top:20px;padding:12px;font-size:9px;line-height:1.45}.launch-countdown{margin-top:18px;padding:12px 8px}.launch-countdown-label{font-size:8px;line-height:1.4}.launch-countdown>div{gap:3px}.launch-countdown span{padding:8px 1px}.launch-countdown b{font-size:clamp(22px,8vw,30px)}.launch-countdown em{font-size:5.5px;letter-spacing:.15px}.launch-countdown .launch-sound-toggle{min-height:48px;padding:6px 8px;font-size:8px;line-height:1.3}.status-actions{margin-top:18px}.status-actions a{min-height:48px;display:grid;place-items:center;padding:12px}.server-status-widget{max-width:100%}.launch-recap{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.launch-recap-title h2{font-size:clamp(40px,14vw,54px);line-height:.8}.launch-recap-title p{font-size:9px;line-height:1.4}.launch-recap-window{min-height:0}.launch-recap-track article{width:min(58vw,210px);max-height:48dvh}.launch-recap-track strong{font-size:38px}.launch-recap-track h3{font-size:19px}.launch-recap-progress{margin-bottom:env(safe-area-inset-bottom)}}@media(max-width:370px){.status-card{width:calc(100% - 16px);padding-left:13px;padding-right:13px}.status-card h1{font-size:47px}.launch-countdown em{font-size:5px}.web-hero-art{width:115px}.web-hero-action{width:108px}}@media(max-height:700px) and (max-width:650px){.status-scene{padding-top:max(64px,calc(env(safe-area-inset-top) + 54px))}.status-card h1{font-size:46px;margin:12px 0}.status-card>p:not(.eyebrow){line-height:1.4}.status-note{margin-top:14px}.launch-countdown{margin-top:13px}}
