:root{--bg:#04090e;--ink:#edf3f5;--muted:#9cabb4;--line:#d9e9f024;--ice:#a8d9ef;--red:#8f272a;--serif:'Cinzel',serif;--sans:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:.035em;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:sticky;z-index:40;left:0;right:0;top:0;padding:14px 4vw;background:#03080d;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}
nav{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font:600 17px var(--serif);border:1px solid #ffffff50;width:44px;height:44px;display:grid;place-items:center;color:white;text-decoration:none}.links{display:flex;gap:30px}.links a,#lang{color:#dce6ea;text-decoration:none;text-transform:uppercase;font:500 12px var(--sans);letter-spacing:.2em;background:none;border:0;cursor:pointer}#lang{border:1px solid #ffffff40;padding:9px 11px}
.hero{position:relative;text-align:center;background:#02070b;overflow:hidden}.hero-art-wrap{padding:24px 3vw 0;display:flex;justify-content:center}.hero-img{position:relative;width:min(1500px,100%);aspect-ratio:1/1;background:url('assets/hero-main-clean-v1.png') center/contain no-repeat}.hero-panel{position:relative;z-index:2;padding:42px 5vw 74px;background:linear-gradient(180deg,#02070b 0%,#04090e 100%);border-top:1px solid #ffffff12}.hero-copy{position:relative;z-index:2;margin:0 auto;max-width:1200px;text-shadow:none}.eyebrow{font-size:11px;letter-spacing:.42em;color:#b7d1dd;text-transform:uppercase}.hero h1{font:500 clamp(58px,8vw,132px)/.84 var(--serif);margin:16px 0 0}.hero h1 small{display:block;font:500 clamp(16px,1.7vw,27px) var(--sans);letter-spacing:.5em;margin-top:20px}.soon{display:inline-block;border-top:1px solid #ffffff70;border-bottom:1px solid #ffffff70;padding:10px 24px;font-size:14px;letter-spacing:.4em;margin-top:34px}.platforms{display:flex;justify-content:center;gap:28px;margin-top:27px;flex-wrap:wrap}.platforms span{font-size:13px;font-weight:600;letter-spacing:.14em}.planned{display:block;margin-top:10px;color:#9baab2;font-size:9px;letter-spacing:.18em}.down{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);color:white;text-decoration:none;font-size:22px}
.section{padding:130px 7vw}.split{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section h2{font:500 clamp(46px,6vw,90px)/1 var(--serif);margin:15px 0}.copy{padding-top:40px}.copy>p,.lede,.playbox>p,.joinbox>p{font-size:21px;line-height:1.6;color:#b4c0c6}.copy blockquote{font:400 24px/1.5 var(--serif);border-left:1px solid var(--ice);padding-left:25px;margin:45px 0}.dark{background:#070d12}.head{max-width:1100px;margin:0 auto 70px}.cards{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.card{min-height:370px;padding:32px;border-right:1px solid var(--line);background:linear-gradient(145deg,#ffffff05,transparent);position:relative}.card:last-child{border:0}.card>b,.gemrow span{color:#7398aa;font-size:11px;letter-spacing:.28em}.card h3{font:500 34px var(--serif);margin:80px 0 7px}.card em{font-style:normal;color:var(--ice);font-size:11px;letter-spacing:.18em}.card p{font-size:17px;line-height:1.5;color:#9facb3}.gems{background:radial-gradient(circle at 50% 10%,#12324966,transparent 35%),#050b11}.gemrow{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.gemrow article{background:#071018;padding:30px;min-height:250px}.gemrow h3{font:500 29px var(--serif);margin:70px 0 5px}.gemrow b{color:var(--ice);font-size:11px;letter-spacing:.2em}.gemrow p{color:#98a8b0}.play{min-height:80vh;display:grid;place-items:center;background:linear-gradient(#02070ba0,#02070bd9),url('assets/hero-main-clean-v1.png') center/cover fixed}.playbox{max-width:950px;text-align:center;padding:70px 50px;border:1px solid #ffffff30;background:#03080db8;backdrop-filter:blur(8px)}.loop{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px}.loop span{padding:18px 10px;border-right:1px solid var(--line);font-size:12px;letter-spacing:.2em}.loop span:last-child{border:0}.join{min-height:78vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,#10283a,transparent 42%)}.joinbox{max-width:980px}.joinbox h2{font-size:clamp(65px,10vw,140px)}.contact{display:inline-block;margin-top:25px;padding:15px 28px;background:#e4ecef;color:#071018;border:0;font:600 12px var(--sans);letter-spacing:.25em;cursor:pointer;text-decoration:none}.note{font-size:14px!important;color:#8fa4ae!important}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;color:#74858e;font-size:10px;letter-spacing:.2em}.reveal{opacity:0;transform:translateY(25px);transition:.9s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.links{display:none}.hero-art-wrap{padding:14px 2vw 0}.hero-panel{padding:34px 5vw 68px}.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.card{border-bottom:1px solid var(--line)}.gemrow{grid-template-columns:1fr 1fr}.gemrow article:last-child{grid-column:span 2}.section{padding:95px 6vw}.loop{grid-template-columns:1fr 1fr}.loop span:nth-child(2){border-right:0}.loop span:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.hero-art-wrap{padding:8px 0 0}.hero-img{width:100%;aspect-ratio:1/1}.hero-panel{padding:28px 5vw 62px}.hero h1{font-size:16vw}.hero h1 small{font-size:4vw;letter-spacing:.3em}.platforms{gap:14px}.cards,.gemrow{grid-template-columns:1fr}.gemrow article:last-child{grid-column:auto}.card{border-right:0}.playbox{padding:50px 20px}.section h2{font-size:13vw}footer{flex-direction:column;gap:10px;text-align:center}}
.character-section{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 45%,#12354a55,transparent 35%),linear-gradient(180deg,#050a0f,#020609)}.character-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#a8d9ef0c 50%,transparent 50.2%);pointer-events:none}.character-section .head{text-align:center;margin-bottom:35px}.character-section .head h2{font-size:clamp(34px,4vw,62px)}.character-tabs{max-width:1450px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.char-tab{border:1px solid #b8ddec38;background:#071018;color:#c7d4da;padding:13px 15px;font:500 12px var(--sans);letter-spacing:.22em;cursor:pointer;transition:.3s}.char-tab:hover,.char-tab.active{color:white;border-color:#a8d9ef;background:#102331;box-shadow:0 0 22px #6ecbff1c}.character-stage{position:relative;max-width:1450px;min-height:650px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #b8ddec30;background:linear-gradient(120deg,#071019,#03070b);box-shadow:0 25px 80px #0008}.character-portrait{position:relative;min-height:650px;overflow:hidden;border-right:1px solid #b8ddec2e}.character-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#03070b 100%),linear-gradient(0deg,#020609 0%,transparent 28%)}.character-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(1.06);transition:.55s ease}.scanline{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#a8d9ef06 6px);mix-blend-mode:screen;pointer-events:none}.portrait-quote{position:absolute;z-index:3;left:38px;bottom:36px;max-width:390px;font:italic 21px/1.45 var(--serif);color:#e4edf0;text-shadow:0 2px 18px #000}.character-data{padding:70px 60px 55px;align-self:center;position:relative;z-index:2}.char-role{font-size:11px;letter-spacing:.34em;color:var(--ice)}.character-data h3{font:500 clamp(55px,6vw,92px)/.9 var(--serif);margin:16px 0 25px}.char-lede{font:italic 21px/1.5 var(--serif);color:#d7e0e4}.char-copy{font:18px/1.65 var(--sans);color:#aebbc2;max-width:620px}.char-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #b8ddec33;margin-top:40px;padding-top:25px}.char-specs small{display:block;font-size:9px;letter-spacing:.25em;color:#7fa6b9;margin-bottom:8px}.char-specs b{font:400 17px var(--serif)}.character-orbit{position:absolute;right:22px;top:22px;display:flex;gap:9px;z-index:4}.character-orbit span{font-size:8px;letter-spacing:.22em;color:#8eabb8}.character-orbit i{width:8px;height:8px;border:1px solid var(--ice);border-radius:50%;box-shadow:0 0 12px var(--ice)}
@media(max-width:900px){.character-stage{grid-template-columns:1fr}.character-portrait{min-height:560px;border-right:0;border-bottom:1px solid #b8ddec2e}.character-data{padding:45px 35px}.character-tabs{grid-template-columns:1fr 1fr}.char-specs{grid-template-columns:1fr}.character-orbit{display:none}}@media(max-width:560px){.character-portrait{min-height:480px}.portrait-quote{left:22px;bottom:22px;font-size:17px}.character-data{padding:38px 22px}.character-data h3{font-size:15vw}.char-copy{font-size:16px}}
/* Gemtuplet character system */
.gem-section{position:relative;overflow:hidden;background:radial-gradient(circle at 22% 35%,#0f42614a,transparent 32%),radial-gradient(circle at 78% 70%,#173f5b38,transparent 28%),linear-gradient(180deg,#03090f,#050b11 72%,#03070b)}
.gem-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#9edaff0b 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 13px,#8ed7ff05 14px)}
.gem-section .head{text-align:center;position:relative;z-index:2}.gem-section .head h2{font-size:clamp(38px,5vw,76px);margin-bottom:16px}.gem-section .lede{max-width:760px;margin:0 auto 40px;color:#9db0ba;font-size:18px;line-height:1.55}
.gem-tabs{position:relative;z-index:3;max-width:1450px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gem-tab{min-height:76px;text-align:left;padding:12px 16px;border:1px solid #a7dfff2e;background:#06111a;color:#bac9d0;cursor:pointer;font:500 16px var(--serif);letter-spacing:.09em;transition:.3s}.gem-tab span{display:block;color:#6e9eb4;font:500 9px var(--sans);letter-spacing:.24em;margin-bottom:4px}.gem-tab small{display:block;color:#75aeca;font:500 8px var(--sans);letter-spacing:.2em;margin-top:4px}.gem-tab:hover,.gem-tab.active{border-color:#8ed9ff;background:linear-gradient(135deg,#0c2635,#07131d);box-shadow:0 0 28px #46b9ff1c;color:#fff;transform:translateY(-2px)}
.gem-stage{position:relative;z-index:2;max-width:1450px;min-height:620px;margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid #a8d9ef30;background:linear-gradient(125deg,#07151f,#02070b 64%);box-shadow:0 28px 90px #000b;overflow:hidden}.gem-stage:after{content:"GEMTUPLET // ACTIVE";position:absolute;right:24px;top:18px;color:#769bad;font-size:8px;letter-spacing:.26em;z-index:5}.gem-visual{position:relative;min-height:620px;overflow:hidden;border-right:1px solid #a8d9ef2b;background:radial-gradient(circle at 50% 48%,#1e6a914f,transparent 42%),linear-gradient(180deg,#07121b,#02070c)}.gem-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#02070b 100%),linear-gradient(0deg,#02070b 0%,transparent 34%);z-index:2}.gem-visual img{position:absolute;z-index:1;height:94%;width:auto;max-width:88%;left:50%;bottom:0;transform:translateX(-50%) scale(1.03);object-fit:contain;filter:saturate(.9) contrast(1.08) drop-shadow(0 24px 40px #000b);transition:.4s ease}.gem-halo{position:absolute;width:430px;height:430px;border:1px solid #8ee1ff43;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%);box-shadow:0 0 70px #32aef123,inset 0 0 60px #32aef10c}.gem-halo:after,.gem-halo:before{content:"";position:absolute;border-radius:50%;inset:35px;border:1px dashed #8ee1ff24}.gem-halo:after{inset:86px;border-style:solid}.gem-scan{position:absolute;z-index:3;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#a8d9ef06 6px);mix-blend-mode:screen;pointer-events:none}.gem-signal{position:absolute;z-index:4;left:32px;bottom:28px;color:#91c8e0;font-size:9px;letter-spacing:.28em}.gem-data{padding:66px 68px 52px;align-self:center;position:relative}.gem-type{font-size:10px;letter-spacing:.32em;color:#89c6df}.gem-data h3{font:500 clamp(62px,7vw,108px)/.9 var(--serif);margin:15px 0 16px}.gem-quote{font:italic 22px/1.5 var(--serif);color:#dfe9ed;margin:0 0 24px}.gem-lede{font:400 24px/1.35 var(--serif);max-width:650px;margin:0 0 22px;color:#d1dde2}.gem-copy{font-size:18px;line-height:1.7;color:#9fb0b9;max-width:680px}.gem-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #9dcfe62c;margin-top:38px;padding-top:24px}.gem-specs small{display:block;font-size:8px;letter-spacing:.24em;color:#72a8bf;margin-bottom:8px}.gem-specs b{font:400 16px/1.35 var(--serif)}.gem-orbit{position:absolute;right:-88px;bottom:-95px;width:280px;height:280px;border:1px solid #94daf325;border-radius:50%;display:grid;place-items:center;pointer-events:none}.gem-orbit i{position:absolute;border:1px dashed #94daf322;border-radius:50%;inset:35px}.gem-orbit i:nth-child(2){inset:72px}.gem-orbit i:nth-child(3){inset:105px;background:#67caf413}.gem-orbit span{position:absolute;left:-55px;top:24px;color:#6891a4;font-size:7px;letter-spacing:.25em;white-space:nowrap}
@media(max-width:900px){.gem-tabs{grid-template-columns:1fr 1fr}.gem-tab:last-child{grid-column:span 2}.gem-stage{grid-template-columns:1fr}.gem-visual{min-height:520px;border-right:0;border-bottom:1px solid #a8d9ef2b}.gem-data{padding:45px 34px}.gem-specs{grid-template-columns:1fr}.gem-orbit{display:none}}@media(max-width:560px){.gem-tabs{grid-template-columns:1fr}.gem-tab:last-child{grid-column:auto}.gem-visual{min-height:430px}.gem-halo{width:330px;height:330px}.gem-data{padding:38px 22px}.gem-data h3{font-size:18vw}.gem-lede{font-size:20px}.gem-copy{font-size:16px}}

/* Gameplay + threat reveal */
.gameplay-section{position:relative;background:linear-gradient(180deg,#020609,#050b10);overflow:hidden}
.gameplay-section .head{text-align:center;max-width:980px;margin:0 auto 42px}.gameplay-section .head h2{font-size:clamp(52px,7vw,104px);margin-bottom:18px}.gameplay-section .lede{color:#9fb0b8;font-size:18px;line-height:1.6;max-width:820px;margin:auto}
.game-screen{position:relative;max-width:1450px;margin:auto;border:1px solid #a9c8d533;box-shadow:0 35px 100px #000b;overflow:hidden;background:#02070b}.game-screen img{display:block;width:100%;height:auto;filter:saturate(.94) contrast(1.04)}.game-screen-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #1b6d9840}
.game-loop{max-width:1450px;margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #a9c8d529;background:#041019}.game-loop article{padding:24px 22px;border-right:1px solid #a9c8d526}.game-loop article:last-child{border-right:0}.game-loop b{display:block;color:#dce8ed;font-size:12px;letter-spacing:.25em;margin-bottom:10px}.game-loop span{display:block;color:#7f949e;font-size:13px;line-height:1.45}
.threat-section{position:relative;background:radial-gradient(circle at 75% 35%,#3b0c102f,transparent 32%),linear-gradient(180deg,#05090d,#020507)}.threat-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:0;border:1px solid #ffffff1f;background:#03080c;overflow:hidden}.threat-copy{padding:72px 58px;align-self:center}.threat-copy h2{font-size:clamp(54px,6vw,90px);margin:12px 0 6px}.threat-kicker{font-size:11px;letter-spacing:.3em;color:#c7d5db!important;margin-bottom:30px!important}.threat-copy>p{color:#9eb0b8;line-height:1.7;font-size:17px}.threat-copy blockquote{font:italic 28px/1.35 var(--serif);margin:28px 0;color:#e4edf0}.threat-traits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff1a;border:1px solid #ffffff1a;margin-top:36px}.threat-traits span{background:#071019;padding:17px 14px;color:#a9bbc3;font-size:9px;letter-spacing:.2em}.threat-visual{min-height:580px;position:relative;overflow:hidden}.threat-visual:after{content:"CYCLONE // ADAPTIVE MULTI-VECTOR THREAT";position:absolute;right:24px;bottom:18px;color:#d49a9a;font-size:8px;letter-spacing:.22em;background:#020609bb;padding:10px 12px;border:1px solid #e1838340}.threat-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.06) saturate(.92)}
.earth-section{position:relative;min-height:390px;overflow:hidden;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c}.earth-section img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.62) contrast(1.08)}.earth-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02060924,#0206096e)}.earth-copy{position:relative;z-index:2;min-height:390px;display:grid;place-content:center;text-align:center;padding:40px}.earth-copy h2{font:500 clamp(34px,4.2vw,68px)/1.05 var(--serif);max-width:1000px;margin:0 auto 18px}.earth-copy p{font-size:10px;letter-spacing:.34em;color:#b3c0c6}
@media(max-width:900px){.game-loop{grid-template-columns:1fr 1fr}.game-loop article:nth-child(2){border-right:0}.game-loop article:nth-child(-n+2){border-bottom:1px solid #a9c8d526}.threat-grid{grid-template-columns:1fr}.threat-copy{padding:48px 34px}.threat-visual{min-height:470px}}
@media(max-width:560px){.gameplay-section .head h2{font-size:13vw}.game-loop{grid-template-columns:1fr}.game-loop article{border-right:0;border-bottom:1px solid #a9c8d526!important}.game-loop article:last-child{border-bottom:0!important}.threat-copy{padding:38px 22px}.threat-copy h2{font-size:14vw}.threat-visual{min-height:340px}.earth-section,.earth-copy{min-height:300px}}

/* V6 final cinematic sequence */
.cinematic-play{padding:0;background:#020507}
.cinematic-play .game-screen{max-width:1600px;border-left:0;border-right:0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;box-shadow:none}
.cinematic-threat{padding:0;background:#020507}
.cinematic-threat .threat-grid{max-width:1600px;min-height:610px;border-left:0;border-right:0}
.cinematic-threat .threat-copy{position:relative;z-index:2;background:linear-gradient(90deg,#03080c 82%,#03080ce8 94%,transparent);margin-right:-70px;padding-left:max(58px,calc((100vw - 1500px)/2));}
.cinematic-threat .threat-visual{min-height:610px}
.cinematic-threat .threat-visual img{object-position:center center;filter:contrast(1.08) saturate(.94) brightness(.9)}
@media(max-width:900px){.cinematic-threat .threat-copy{margin-right:0;background:#03080c;padding-left:34px}.cinematic-threat .threat-visual{min-height:440px}}
@media(max-width:560px){.cinematic-threat .threat-copy{padding-left:22px}.cinematic-threat .threat-visual{min-height:320px}}

/* CLEAN ASSET RESET — canonical launch visuals only */
.hero-art-wrap{padding:0;display:flex;justify-content:center;background:#02070b}
.hero-img{position:relative;width:min(1500px,100%);aspect-ratio:1145/1374;background:url('assets/hero-main-clean-v1.png') center top/contain no-repeat}
.hero-label,.hero-gems-label{position:absolute;z-index:2;color:#f2f6f7;text-shadow:0 2px 16px #000;font:500 12px var(--serif);letter-spacing:.18em;text-align:center}
.hero-label small,.hero-gems-label small{display:block;margin-top:6px;font:500 8px var(--sans);letter-spacing:.22em;color:#b8cbd4}
.hero-wayne{left:18%;top:55%}.hero-morgana{left:42%;top:54%}.hero-collins{left:62%;top:55%}.hero-vorax{right:8%;top:55%}.hero-gems-label{left:50%;bottom:5.5%;transform:translateX(-50%);width:90%}
.platform-logos{display:block;width:min(605px,82vw);height:auto;margin:24px auto 8px;opacity:.95}

.play-stage{position:relative;max-width:1600px;margin:auto;min-height:760px;overflow:hidden;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#020609}
.play-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.05)}
.play-shade{position:absolute;inset:0;background:linear-gradient(180deg,#02060950 0%,#02060905 33%,#02060930 58%,#020609e8 100%)}
.play-topcopy{position:absolute;z-index:3;top:42px;left:50%;transform:translateX(-50%);text-align:center;width:min(920px,88%);text-shadow:0 2px 20px #000}
.play-topcopy h2{font:500 clamp(42px,5.6vw,88px)/1 var(--serif);margin:8px 0 14px}.play-topcopy>p:not(.eyebrow){max-width:760px;margin:0 auto;color:#d0d9dd;font-size:16px;line-height:1.5}.select-role{margin:28px auto 0;font-size:12px;letter-spacing:.34em;color:#dce7eb}
.role-labels{position:absolute;z-index:3;left:4%;right:4%;bottom:156px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.role-labels span{background:#03101abb;border:1px solid #b5d5e222;padding:11px 8px;text-align:center;font:500 12px var(--serif);letter-spacing:.1em}.role-labels small{display:block;margin-top:5px;font:500 8px var(--sans);letter-spacing:.18em;color:#a8bdc7}
.play-loop{position:absolute;z-index:3;left:4%;right:4%;bottom:76px;display:grid;grid-template-columns:repeat(4,1fr);background:#03101ad6;border:1px solid #b5d5e222}.play-loop span{padding:12px 15px;border-right:1px solid #b5d5e222}.play-loop span:last-child{border-right:0}.play-loop b{display:block;font-size:11px;letter-spacing:.2em;color:#e7eef1}.play-loop small{display:block;margin-top:5px;font-size:9px;letter-spacing:.12em;color:#98aab3}
.launch-btn{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);padding:13px 42px;background:#03080dc7;color:#f0e7d7;border:1px solid #cba86e;font:500 11px var(--sans);letter-spacing:.27em;cursor:pointer}

.cinematic-threat .threat-visual img{object-position:center center;filter:contrast(1.08) saturate(.94) brightness(.9)}
.earth-section img{filter:brightness(.72) contrast(1.08)}

@media(max-width:900px){.hero-label{display:none}.hero-gems-label{bottom:3.5%;font-size:10px}.play-stage{min-height:690px}.play-topcopy{top:28px}.role-labels{bottom:170px;grid-template-columns:repeat(5,1fr);gap:5px}.role-labels span{font-size:9px;padding:8px 5px}.role-labels small{font-size:7px}.play-loop{grid-template-columns:repeat(2,1fr);bottom:58px}.play-loop span:nth-child(2){border-right:0}.play-loop span:nth-child(-n+2){border-bottom:1px solid #b5d5e222}.launch-btn{bottom:8px;padding:10px 26px}}
@media(max-width:560px){.hero-img{aspect-ratio:1145/1374}.hero-gems-label{display:none}.platform-logos{width:92%}.play-stage{min-height:760px}.play-stage>img{object-position:center}.play-topcopy{top:20px;width:92%}.play-topcopy h2{font-size:11vw}.play-topcopy>p:not(.eyebrow){font-size:13px}.select-role{margin-top:18px}.role-labels{left:3%;right:3%;bottom:230px;grid-template-columns:1fr 1fr}.role-labels span:last-child{grid-column:span 2}.play-loop{left:3%;right:3%;bottom:68px;grid-template-columns:1fr 1fr}.play-loop span{padding:9px}.play-loop small{font-size:8px}.launch-btn{bottom:10px}.earth-copy h2{font-size:9vw}}

/* HERO BRANDING — HTML overlay on clean artwork */
.hero-img{background-image:url('assets/hero-main-clean-v2.png')!important;aspect-ratio:1145/1374!important;background-size:contain!important;background-position:center top!important;background-repeat:no-repeat!important}
.hero-branding{position:absolute;z-index:3;top:2.2%;left:50%;transform:translateX(-50%);width:min(860px,78%);text-align:center;text-shadow:0 3px 24px #000,0 1px 4px #000}
.hero-kicker{margin:0 0 10px;font:500 clamp(9px,1vw,14px)/1.5 var(--sans);letter-spacing:.52em;color:#dce6ea}
.hero-title{font:600 clamp(46px,7.5vw,118px)/.9 var(--sans);letter-spacing:.015em;color:#ecebe7;text-transform:uppercase;filter:drop-shadow(0 5px 10px #000)}
.hero-subtitle{margin-top:9px;font:500 clamp(15px,2vw,31px)/1 var(--sans);letter-spacing:.48em;color:#f0f2f2;text-indent:.48em}
.hero-side{position:absolute;z-index:3;top:8.2%;font:500 clamp(7px,.78vw,12px)/1.75 var(--sans);letter-spacing:.25em;color:#d3dfe3;text-shadow:0 2px 12px #000}
.hero-side-left{left:3.6%;text-align:left;border-left:1px solid #d9e9f055;padding-left:15px}
.hero-side-right{right:3.6%;max-width:125px;text-align:right;border-right:1px solid #d9e9f055;padding-right:15px;line-height:1.8}
@media(max-width:760px){.hero-branding{top:2.8%;width:82%}.hero-kicker{letter-spacing:.34em}.hero-title{font-size:10.5vw}.hero-subtitle{font-size:2.5vw;letter-spacing:.34em;text-indent:.34em}.hero-side{display:none}}

/* FINAL HERO — uses the approved baked EN/ES key art exactly as supplied. */
.final-hero{background:#02070b;overflow:hidden;text-align:center}
.hero-banner-frame{position:relative;width:min(1180px,100%);margin:0 auto;background:#02070b}
.hero-banner{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}
.hero-join-hotspot{position:absolute;left:33.5%;right:33.5%;bottom:5.7%;height:4.8%;z-index:4;border-radius:2px}
.hero-join-hotspot:focus-visible{outline:2px solid #e0b878;outline-offset:4px}
.launch-status{position:relative;z-index:2;padding:30px 5vw 54px;background:linear-gradient(180deg,#02070b 0%,#04090e 100%);border-top:1px solid #ffffff12}
.launch-status .soon{margin-top:0}
.final-hero .down{bottom:14px}
@media(max-width:700px){
  .hero-banner-frame{width:100%}
  .hero-join-hotspot{left:27%;right:27%;bottom:5.4%;height:5.2%}
  .launch-status{padding:24px 5vw 48px}
}