.immersive{background:#080b26}.immersive .site-header{height:72px;position:absolute;padding:0 5%;border-bottom:0;background:linear-gradient(#04062260,transparent);gap:25px}.mini-brand{font:18px/1 Luckiest;letter-spacing:.5px;white-space:nowrap;text-shadow:0 2px 3px #000}.mini-brand span{color:#ffd04f}.site-header nav{gap:33px}.site-header nav a{font-size:12px;text-shadow:0 2px 5px #000}.nav-download{font-size:11px;font-weight:bold;white-space:nowrap}.nav-download span{color:#ffd04f;margin-left:10px}.immersive .hero{height:clamp(820px,65vw,1080px);min-height:820px;display:block;background:#0a0d32;isolation:isolate}.world-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.immersive .hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#080b26 0%,transparent 13%,transparent 85%,#03051a20)}.immersive .hero-copy{padding:105px 20px 0;margin:auto;max-width:780px;text-align:center;background:none}.immersive .hero-logo{width:310px;height:auto;margin:0 auto 7px;filter:drop-shadow(0 5px 10px #0005)}.immersive h1{font-size:clamp(42px,4.3vw,68px);line-height:.98;text-shadow:0 4px 0 #101b56,0 8px 20px #03051c;letter-spacing:.5px}.hero-subtitle{font-size:12px;color:#d4ddf6;margin:16px 0 18px;text-shadow:0 2px 7px #000}.immersive .hero-actions{justify-content:center;gap:22px}.immersive .gold{border-radius:14px;background:linear-gradient(#ffe87c,#ffc12f);border:2px solid #fff09e;box-shadow:0 5px 0 #c87a13,0 8px 0 #75420c55,0 10px 22px #0003;font-family:Luckiest;font-size:19px;font-weight:400;padding:12px 25px;letter-spacing:.3px;color:#24203a}.gold>span{font:28px/1 Arial}.trailer-shortcut{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:bold;text-shadow:0 2px 5px #000}.trailer-shortcut>span{font-size:26px;color:#ffdb77}.trailer-shortcut small{font-size:7px;letter-spacing:1px;max-width:45px;color:#c4cce6;text-align:left;line-height:1.4}.store-links{display:flex;justify-content:center;gap:10px;margin-top:24px}.store-badge{display:flex;align-items:center;text-align:left;gap:10px;padding:9px 13px;border:1px solid #8c94bf66;background:#06091ee0;border-radius:8px;min-width:167px;box-shadow:0 5px 15px #0002;color:#fff}.store-badge svg{width:22px;height:25px;flex-shrink:0}.store-badge>span{font-size:16px;line-height:1.1;font-weight:bold}.store-badge small{display:block;font-size:7px;letter-spacing:1.2px;font-weight:normal;line-height:1.8}.store-badge .badge-arrow{font-size:14px;margin-left:5px;color:#ffd04f}.store-soon{background:#11122bc9;color:#c0c7df;border-color:#6e779a55}.store-badge .soon-chip{font-size:8px;border:1px solid #727b9e77;border-radius:3px;padding:3px 4px;font-weight:normal}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.5px;color:#d5dffa;text-shadow:0 1px 5px #000}.hero-scroll span{display:block;text-align:center;font-size:20px;color:#ffda67;line-height:1.6}.immersive .section{padding:85px max(6%,calc((100vw - 1270px)/2))}.weapons-section{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:center;position:relative;background:radial-gradient(ellipse at 70% 30%,#1b2356aa,transparent 65%);margin-top:-20px;z-index:1}.weapon-intro h2{font-size:clamp(38px,4.5vw,65px)}.weapon-intro>p:not(.eyebrow){font-size:13px;color:#aebdda;margin:20px 0}.weapon-intro .eyebrow{color:#ffcb54}.weapon-card{position:relative;border:1px solid #4d618766;border-radius:22px;min-height:310px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 50% 30%,#21759e3b,transparent 65%),#0d183780;transition:transform .2s,border-color .2s}.weapon-card:hover{transform:translateY(-5px);border-color:#79d7f7}.weapon-card>img{width:150px;height:150px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 8px 15px #010622)}.weapon-card h3{font-size:32px;margin-top:8px}.weapon-card p{font-size:11px;color:#b8c5df;margin:6px 0 0}.weapon-card .weapon-tag{font-size:8px;color:#85dbed;letter-spacing:1.5px}.flame-card{background:radial-gradient(ellipse at 50% 30%,#a552292e,transparent 70%),#17152e80}.flame-card .weapon-tag{color:#ffd078}.card-arrow{position:absolute;bottom:26px;right:24px;color:#ffda67}.immersive .trailer-section{padding-top:50px}.trailer-panel{position:relative;aspect-ratio:16/7.8;border:1px solid #6573a16b;border-radius:20px;overflow:hidden;background:#101837 url('assets/approved-backdrop.webp') center 60%/cover}.trailer-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06091bd9,#0b10317a,#06091bc9)}.trailer-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.trailer-symbol{width:68px;height:68px;display:grid;place-items:center;border:1px solid #c8cce166;border-radius:50%;font:40px Arial;color:#e2e6fa;background:#0d153a99;padding-left:4px;margin-bottom:20px}.coming-label{font-size:8px;letter-spacing:3px;color:#ffda67;font-weight:bold}.trailer-content h3{font-size:37px;margin:14px 0 0}.trailer-content p{font-size:12px;color:#c0cae7;margin:13px 0}.trailer-panel-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#a3b2d3}.loop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.loop-grid article{border-top:1px solid #55658b66;padding-top:24px}.loop-grid article>span{font:22px Luckiest;color:#9dcce9}.loop-grid h3{font-size:27px;margin:17px 0}.loop-grid p{color:#a9b8d7;font-size:13px}.immersive .game{background:radial-gradient(ellipse at 80% 70%,#25164a66,transparent 70%)}.immersive .build{background:linear-gradient(135deg,#0e1938,#1b1237)}.immersive .notes{background:#090e28}.immersive .join{background:radial-gradient(ellipse at 50% 100%,#36225888,transparent 70%)}.support-link{display:block;margin-top:25px;font-size:11px;color:#a9bada;text-decoration:underline;text-underline-offset:4px}.immersive footer{margin-top:0}.immersive .section-heading h2{font-size:clamp(33px,3.8vw,55px)}
@media(min-width:1700px){.immersive .hero-copy{padding-top:125px}.immersive .hero-logo{width:370px}.hero-subtitle{font-size:14px}}@media(max-width:1000px){.immersive .hero{height:860px}.immersive .hero-copy{padding-top:110px}.immersive .hero-logo{width:290px}.immersive h1{font-size:53px}.weapon-card{padding:20px;min-height:300px}.weapons-section{gap:20px}.weapon-card>img{width:120px;height:120px}.loop-grid{gap:25px}.site-header nav{gap:20px}.mini-brand{font-size:14px}}
@media(max-width:700px){.immersive .site-header{height:62px;padding:0 6%;justify-content:center}.mini-brand,.nav-download{display:none}.site-header nav{gap:25px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:block}.immersive .hero{height:850px;min-height:850px;padding-bottom:0}.world-backdrop{object-fit:cover;object-position:center;width:100%;height:100%}.immersive .hero-copy{padding:90px 14px 0}.immersive .hero-logo{width:245px;margin-bottom:16px}.immersive h1{font-size:44px;line-height:1.05}.hero-subtitle{max-width:270px;margin:15px auto 20px;font-size:11px}.immersive .hero-actions{gap:18px;flex-wrap:wrap}.immersive .gold{font-size:17px;padding:11px 18px;border-radius:12px}.trailer-shortcut{font-size:10px}.store-links{gap:8px;margin-top:23px}.store-badge{min-width:0;padding:9px 10px;gap:8px}.store-badge>span{font-size:14px}.store-badge small{font-size:6px;letter-spacing:.7px}.store-badge svg{width:19px}.hero-scroll{bottom:26px;white-space:nowrap}.immersive .section{padding:58px 7%}.weapons-section{margin-top:0;grid-template-columns:1fr 1fr;gap:14px}.weapon-intro{grid-column:1/-1;margin-bottom:15px}.weapon-intro h2{font-size:45px}.weapon-intro h2 br{display:none}.weapon-card{min-height:250px;border-radius:16px;padding:15px}.weapon-card>img{width:105px;height:105px;margin-bottom:18px}.weapon-card .weapon-tag{font-size:6px;letter-spacing:.7px}.weapon-card h3{font-size:25px}.weapon-card p{font-size:10px;max-width:110px}.card-arrow{bottom:17px;right:12px;font-size:12px}.trailer-panel{aspect-ratio:4/4.1;border-radius:15px}.trailer-content h3{font-size:29px}.trailer-panel-bottom{left:15px;right:15px;font-size:6px;letter-spacing:.5px}.trailer-symbol{width:55px;height:55px;font-size:33px}.trailer-content p{font-size:11px}.loop-grid{grid-template-columns:1fr;gap:27px}.loop-grid article{padding-top:20px}.loop-grid h3{margin:10px 0}.loop-grid p{margin-bottom:0}.immersive .section-heading h2{font-size:34px}.immersive .join h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.weapon-card{transition:none}}
@media(max-width:700px){.immersive .hero-logo{width:215px;margin-bottom:14px}.immersive h1{font-size:36px}.immersive .hero-actions .trailer-shortcut{display:none}.immersive .hero-copy{padding-top:90px}.hero-subtitle{max-width:265px}.store-links{margin-top:22px}}
.weapon-card .weapon-preview{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#060d23;margin-bottom:18px}.zodiac-figure .starmap-preview{position:relative;display:block;width:100%;max-width:400px;aspect-ratio:1;margin:auto;border:1px solid #526b9a88;border-radius:22px;background:#07112d;box-shadow:0 20px 65px #0005}.weapon-card{cursor:default}

.preview-player{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#060d23}.weapon-card .preview-player{margin-bottom:18px}.weapon-card .preview-player .weapon-preview{margin:0;border-radius:0}.zodiac-figure>.preview-player{max-width:400px;margin:auto;border:1px solid #526b9a88;border-radius:22px;box-shadow:0 20px 65px #0005}.zodiac-figure .preview-player .starmap-preview{border:0;border-radius:0;box-shadow:none}.preview-toggle{position:absolute;inset:0;margin:auto;width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#111a387a;backdrop-filter:blur(12px);box-shadow:0 6px 28px #0004,inset 0 1px 0 #ffffff20;color:#fff;transition:background .25s,transform .25s,opacity .25s;z-index:2;padding:16px}.preview-toggle svg{width:28px;height:28px;grid-area:1/1;transition:opacity .2s,transform .2s;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.preview-toggle .icon-play{fill:#ffffff12;transform:translateX(-2px)}.preview-toggle .icon-pause{opacity:0;transform:scale(.8)}.is-playing .preview-toggle .icon-play{opacity:0;transform:scale(.8)}.is-playing .preview-toggle .icon-pause{opacity:1;transform:scale(1)}.is-playing .preview-toggle{opacity:.55;background:#111a384a}.preview-player:hover .preview-toggle,.preview-toggle:focus-visible{opacity:1;background:#152446b3;transform:scale(1.06)}.preview-label{position:absolute;left:12px;bottom:12px;border:1px solid #ffffff26;background:#070d279c;backdrop-filter:blur(8px);border-radius:20px;padding:5px 9px;color:#e4eaff;font:8px/1.3 Arial,sans-serif;letter-spacing:1px;pointer-events:none}.preview-label span{color:#aabbd9}.preview-toggle[hidden]{display:none}@media(max-width:700px){.weapon-card .preview-toggle{width:44px;height:44px;padding:9px}.weapon-card .preview-label{font-size:6px;letter-spacing:.5px;left:7px;bottom:7px;padding:4px 6px}.weapon-card .preview-label span{display:none}}@media(prefers-reduced-motion:reduce){.preview-toggle,.preview-toggle svg{transition:none}}
/* Keep playback unobstructed; reveal controls on hover, keyboard focus or pause. */
.preview-toggle .icon-pause{transform:scale(.8);transform-origin:center}
.is-playing .preview-toggle{opacity:0;pointer-events:none}
.preview-player:hover .preview-toggle,.preview-player:has(>.preview-toggle:focus-visible) .preview-toggle{opacity:1;pointer-events:auto}
.is-playing .preview-toggle .icon-pause{transform:scale(1)}
@media(hover:none){.is-playing .preview-toggle{pointer-events:auto}.preview-player:has(>.preview-toggle:focus-visible) .preview-toggle{opacity:0}.preview-player:has(>.preview-toggle:focus-visible) .preview-toggle:focus-visible{opacity:1}}

/* Standalone icons share the exact circle centre, independent of grid sizing. */
.preview-toggle{padding:0;display:block;line-height:0}
.preview-toggle img{position:absolute;left:50%;top:50%;width:28px;height:28px;max-width:none;object-fit:contain;transform:translate(-50%,-50%)!important;transition:opacity .2s}
.preview-toggle .icon-play{opacity:1}
.preview-toggle .icon-pause{opacity:0}
.is-playing .preview-toggle .icon-play{opacity:0}
.is-playing .preview-toggle .icon-pause{opacity:1}
@media(max-width:700px){.weapon-card .preview-toggle{padding:0}.weapon-card .preview-toggle img{width:24px;height:24px}}
/* Scale the landing-page typography with desktop viewports. Phone sizing stays intact. */
@media(min-width:701px){
 .immersive .hero-copy{max-width:1100px;padding-top:clamp(100px,6.5vw,150px)}
 .immersive .hero-logo{width:clamp(290px,19vw,450px);margin-bottom:12px}
 .immersive h1{font-size:clamp(58px,4.8vw,116px);line-height:1.02}
 .immersive .hero-subtitle{font-size:clamp(15px,1.05vw,24px);margin:20px 0 25px}
 .immersive .hero .gold{font-size:clamp(21px,1.45vw,32px);padding:15px 30px}
 .immersive .hero-actions{gap:clamp(24px,2vw,45px)}
 .immersive .trailer-shortcut{font-size:clamp(13px,.9vw,20px);gap:12px}
 .immersive .trailer-shortcut>span{font-size:clamp(28px,2vw,44px)}
 .immersive .trailer-shortcut small{font-size:clamp(8px,.5vw,11px);max-width:65px}
 .immersive .store-links{margin-top:28px;gap:14px}
 .immersive .store-badge{padding:11px 16px;gap:12px;min-width:clamp(180px,12vw,260px)}
 .immersive .store-badge>span{font-size:clamp(18px,1.15vw,26px)}
 .immersive .store-badge small{font-size:clamp(8px,.48vw,11px)}
 .immersive .store-badge svg{width:clamp(24px,1.7vw,36px);height:32px}
 .immersive .store-badge .soon-chip{font-size:10px}
 .immersive .store-badge .badge-arrow{font-size:18px}
 .immersive .site-header nav a,.immersive .nav-download{font-size:clamp(14px,.85vw,20px)}
 .immersive .site-header nav{gap:clamp(28px,2.2vw,50px)}
 .immersive .mini-brand{font-size:clamp(19px,1.1vw,26px)}
 .immersive .hero-scroll{font-size:clamp(9px,.55vw,13px)}
}
@media(min-width:701px) and (max-width:1000px){.immersive .hero-copy{padding-top:110px}.immersive h1{font-size:58px}.immersive .site-header nav{gap:20px}.immersive .site-header nav a{font-size:12px}.immersive .nav-download{font-size:12px}}
.trailer-symbol{padding:0;position:relative;line-height:0}.trailer-symbol img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;max-width:none}
.trailer-panel.ready{aspect-ratio:16/9;background:#050b26}.official-trailer{display:block;width:100%;height:100%;object-fit:contain}.trailer-panel.ready .preview-toggle{width:76px;height:76px;pointer-events:auto}.trailer-panel.ready .preview-toggle img{width:32px;height:32px}.trailer-panel.ready .preview-toggle[hidden]{display:none}

@media(max-width:700px){.trailer-panel.ready{aspect-ratio:9/16;max-width:420px;margin-inline:auto}.trailer-panel.ready .preview-toggle{width:62px;height:62px}}
@media(max-width:700px){.weapons-section{grid-template-columns:repeat(2,minmax(0,1fr))}.weapon-card,.weapon-intro{min-width:0}.weapon-card h3{overflow-wrap:anywhere}.weapon-tabs{flex-wrap:wrap}.weapon-tabs button{padding:8px 12px}}@media(max-width:480px){.weapons-section{grid-template-columns:minmax(0,1fr)}.weapon-card h3{font-size:30px}.weapon-card p{max-width:none}.weapon-card .weapon-tag{font-size:8px}}
