:root{--accent: #00f0ff;--accent-deep: #00a8c9;--accent-dim: #007c91;--gold: #ffbe0b;--gold-deep: #d99a00;--danger: #ff0055;--ok: #00ff66;--ink: #f0f7ff;--ink-dim: #9fb3d6;--ink-dimmer: #5f739a;--bg: #030611;--panel: rgba(8, 15, 34, .72);--panel-solid: #0a1226;--panel-border: rgba(0, 240, 255, .18);--panel-border-hi: rgba(0, 240, 255, .45);--maxw: 1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.bg-glow{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(900px 620px at 50% -8%,rgba(0,240,255,.16),transparent 60%),radial-gradient(720px 520px at 88% 12%,rgba(0,120,200,.14),transparent 60%),radial-gradient(680px 520px at 6% 30%,rgba(120,0,200,.1),transparent 60%),linear-gradient(180deg,#050a18,#030611 55%,#01030a)}.bg-stars{position:fixed;inset:-15% -10%;z-index:-2;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 22%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 32% 68%,rgba(0,240,255,.85),transparent),radial-gradient(1.8px 1.8px at 52% 38%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 68% 12%,rgba(0,240,255,.7),transparent),radial-gradient(1.4px 1.4px at 78% 74%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 88% 45%,rgba(255,255,255,.55),transparent),radial-gradient(1.6px 1.6px at 8% 82%,rgba(0,240,255,.6),transparent),radial-gradient(1px 1px at 42% 8%,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:380px 380px;animation:star-drift 120s linear infinite,star-twinkle 5s ease-in-out infinite alternate;opacity:.7}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-380px,-220px,0)}}@keyframes star-twinkle{0%,to{opacity:.45}50%{opacity:.85}}.bg-scanline{position:fixed;left:0;top:0;width:100%;height:3px;z-index:-1;pointer-events:none;opacity:.5;background:linear-gradient(180deg,rgba(0,240,255,.28) 0%,transparent 100%);animation:scanline 9s linear infinite}@keyframes scanline{0%{transform:translateY(-10px)}to{transform:translateY(102vh)}}@media (prefers-reduced-motion: reduce){.bg-stars,.bg-scanline{animation:none}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#030611d9,#03061126);border-bottom:1px solid rgba(0,240,255,.1)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:46px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 6px rgba(0,240,255,.35))}.brand-name{font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:3px;font-size:24px;color:var(--ink)}.topnav{display:flex;align-items:center;gap:26px;font-family:Share Tech Mono,monospace;font-size:14px}.topnav a{color:var(--ink-dim);letter-spacing:1px;transition:color .2s}.topnav a:hover{color:var(--accent)}.nav-play{color:var(--accent)!important;border:1px solid var(--panel-border-hi);border-radius:999px;padding:7px 16px;letter-spacing:1px;background:#00f0ff0f;transition:background .2s,box-shadow .2s,transform .15s}.nav-play:hover{background:#00f0ff24;transform:translateY(-1px);box-shadow:0 6px 18px #00f0ff38}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.btn:focus-visible{outline-offset:4px}main{display:block}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,9vw,110px) clamp(18px,4vw,40px)}.section-title{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(26px,4.2vw,40px);letter-spacing:2px;text-align:center;margin-bottom:44px;text-transform:uppercase}.section-title.left{text-align:left;margin-bottom:26px}section[id],[id=controls],[id=features]{scroll-margin-top:92px}.hero{position:relative;min-height:100svh;margin-top:-76px;padding-top:76px;display:flex;overflow:hidden}.hero-bg,.hero-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.hero-bg{opacity:0;transition:opacity 1s ease}.hero.live .hero-bg{opacity:1}.hero-fallback{object-fit:cover;opacity:0}.hero.no-webgl .hero-fallback{opacity:1}.hero.no-webgl .hero-bg{display:none}.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#030810bd,#03081000 24% 56%,#0308108c 86%,#030810eb)}.hero-overlay{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;pointer-events:none;padding:clamp(10px,2.4vh,30px) clamp(18px,4vw,40px) clamp(40px,7vh,80px)}.hero-overlay a,.hero-overlay .btn{pointer-events:auto}.hero-top{margin-top:0}.hero-bottom{width:100%;max-width:720px}.eyebrow{display:inline-block;font-family:Share Tech Mono,monospace;letter-spacing:4px;text-transform:uppercase;font-size:13px;font-weight:700;color:#a7f3ff;margin-bottom:16px;padding:5px 16px;border-radius:999px;background:#03081080;border:1px solid rgba(0,240,255,.25);backdrop-filter:blur(4px);text-shadow:0 1px 6px rgba(0,0,0,.8)}.eyebrow.center{text-align:center}.wordmark{width:clamp(320px,48vw,640px);max-width:92%;margin:0 auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5)) drop-shadow(0 4px 30px rgba(0,190,255,.28))}.wordmark img{width:100%;height:auto;display:block}.tagline{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:5px;font-size:clamp(13px,1.7vw,18px);color:var(--ink);margin:0 0 clamp(16px,2.4vh,26px);text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}.hero .cta-row{justify-content:center;margin-top:0}.hero .cta-row .btn{flex:0 1 280px}.hero .cta-note{text-align:center;margin-top:18px;color:var(--ink);text-shadow:0 2px 12px rgba(0,0,0,.7)}.hero-scroll{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2;color:var(--accent);font-size:20px;opacity:.65;pointer-events:none;animation:heroBounce 1.8s ease-in-out infinite}@keyframes heroBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion: reduce){.hero-scroll{animation:none}}.cta-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:38px}.cta-row.center{margin-top:8px}.btn{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:14px;font-family:Rajdhani,sans-serif;cursor:pointer;border:1px solid transparent;position:relative;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;will-change:transform}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn .btn-icon{font-size:22px;line-height:1}.btn .btn-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.btn .btn-label strong{font-size:19px;font-weight:700;letter-spacing:.5px}.btn .btn-label small{font-size:12.5px;opacity:.8;font-family:Share Tech Mono,monospace}.btn.btn-sm{padding:12px 22px}.btn.btn-sm .btn-label strong{font-size:17px}.btn-play{background:linear-gradient(180deg,#2ff3ff 0%,var(--accent) 45%,var(--accent-deep) 100%);color:#041018;box-shadow:0 8px 26px #00f0ff52,inset 0 1px #fff6}.btn-play .btn-label small{color:#063;opacity:.65;color:#04323a}.btn-play:hover{box-shadow:0 12px 34px #00f0ff80,inset 0 1px #ffffff80}.btn-download{background:var(--panel);color:var(--ink);border-color:#ffbe0b73;box-shadow:0 8px 26px #0006,inset 0 0 0 1px #ffbe0b14}.btn-download .btn-icon{color:var(--gold)}.btn-download .btn-label small{color:var(--gold);opacity:.9}.btn-download:hover{border-color:var(--gold);box-shadow:0 12px 34px #ffbe0b40}.cta-note{margin-top:20px;font-family:Share Tech Mono,monospace;font-size:13px;color:var(--ink-dimmer);letter-spacing:1px}.env-band{position:relative;overflow:hidden;padding:0 clamp(18px,4vw,40px) clamp(56px,8vw,100px)}.env-band-canvas,.env-band-fallback{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block}.env-band-canvas{opacity:0;transition:opacity 1s ease}.env-band.live .env-band-canvas{opacity:1}.env-band-fallback{object-fit:cover;opacity:0}.env-band.no-webgl .env-band-fallback{opacity:1}.env-band.no-webgl .env-band-canvas{display:none}.env-band:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#030611e6,#0306110f 16%,#0306114d 38%,#030611b8 62%,#030611e6 84%,#030611fa)}.env-band-inner{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto}.env-band-copy{padding-top:clamp(200px,34svh,380px)}.env-features{padding-top:clamp(44px,6vw,80px)}.env-band-copy h2{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(24px,3.6vw,38px);letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:10px;text-shadow:0 2px 18px rgba(0,0,0,.75)}.env-band-copy>p:last-child{max-width:470px;color:#f0f7ffeb;text-shadow:0 1px 10px rgba(0,0,0,.7)}#features .section-title{margin-bottom:28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#060c1cc7;backdrop-filter:blur(6px);border:1px solid var(--panel-border);border-radius:16px;padding:24px 18px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--panel-border-hi);box-shadow:0 16px 40px #0006}.feature-ico{font-size:30px;margin-bottom:12px}.feature-card h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:16px;letter-spacing:.3px;margin-bottom:9px;color:var(--ink)}.feature-card p{color:var(--ink-dim);font-size:15px}.mp{position:relative;overflow:hidden;text-align:center;padding:clamp(56px,9vw,110px) clamp(18px,4vw,40px)}.mp-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease}.mp.live .mp-canvas{opacity:1}.mp:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#030611e6,#03061129 9%,#03061124 30%,#030611c7 48%,#030611ed 72%,#030611f7)}.mp-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding-top:clamp(300px,42svh,440px)}.mp .section-title{margin-bottom:18px}.mp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.mp-stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:18px 12px}.mp-stat strong{display:block;font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(28px,4vw,40px);line-height:1;color:var(--accent);text-shadow:0 0 22px rgba(0,240,255,.35)}.mp-stat span{display:block;margin-top:8px;color:var(--ink-dimmer);font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:1px}.mp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}.mp-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:26px 24px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.mp-card:hover{transform:translateY(-4px);border-color:var(--panel-border-hi);box-shadow:0 16px 40px #0006}.mp-card h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:17px;letter-spacing:.5px;margin-bottom:10px;color:var(--ink)}.mp-card p{color:var(--ink-dim);font-size:16px}.mp-card strong{color:var(--ink)}.mp-note{margin-top:30px;color:var(--ink-dimmer);font-family:Share Tech Mono,monospace;font-size:13px;letter-spacing:1px}.section-sub{text-align:center;color:var(--ink-dim);max-width:620px;margin:-30px auto 40px;font-size:clamp(15px,2.2vw,18px)}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.world-card{position:relative;min-height:250px;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 44px #00000073;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.world-card:hover{transform:translateY(-6px);border-color:var(--panel-border-hi);box-shadow:0 26px 60px #0000008c,0 0 0 1px #00f0ff1f}.w-harbor{background:linear-gradient(160deg,#8ec9ff,#4a86b8 55%,#123a5a)}.w-canyon{background:linear-gradient(160deg,#ff9d5c,#c85a3a 55%,#4a1f2c)}.w-neon{background:linear-gradient(160deg,#7b5cff,#3a2c8f,#0a0a2c)}.w-crystal{background:linear-gradient(160deg,#a8407e,#2e1560 55%,#120924)}.w-sanctum{background:linear-gradient(160deg,#8ed3dc,#8b9a33 55%,#3c4a1a)}.w-moonrise{background:linear-gradient(160deg,#2fb3a8,#7c5aa6 55%,#2a1740)}.world-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .3s ease;filter:saturate(1.05)}.world-card:hover .world-img{transform:scale(1.07);filter:saturate(1.15)}.world-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0306110d,#03061152 46%,#030611db);pointer-events:none}.world-tag{position:relative;z-index:2;align-self:flex-start;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:2px;padding:4px 10px;border-radius:999px;background:#0306118c;border:1px solid rgba(255,255,255,.25);margin-bottom:auto;color:#fff;backdrop-filter:blur(3px)}.world-card h3{position:relative;z-index:2;font-family:Orbitron,sans-serif;font-weight:800;font-size:24px;letter-spacing:1px;color:#fff;margin-bottom:4px;text-shadow:0 2px 12px rgba(0,0,0,.7)}.world-card p{position:relative;z-index:2;color:#ffffffeb;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.6)}@media (prefers-reduced-motion: reduce){.world-card:hover .world-img{transform:none}}.shots{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.shot-frame{border-radius:16px;overflow:hidden;border:1px solid var(--panel-border-hi);box-shadow:0 24px 60px #00000080}.controls-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:30px}.key-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.key-list li{display:flex;align-items:center;gap:14px;color:var(--ink-dim);font-size:16px;font-weight:600}.key-list kbd{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--accent);background:#00f0ff14;border:1px solid var(--panel-border-hi);border-bottom-width:2px;border-radius:7px;padding:5px 9px;min-width:34px;text-align:center;flex-shrink:0}.key-list li>span{flex:1}.final-cta{text-align:center}.site-footer{border-top:1px solid rgba(0,240,255,.1);padding:34px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-powered-by{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Share Tech Mono,monospace;font-size:14px;letter-spacing:1px;color:var(--ink-dimmer);transition:color .3s ease}.footer-powered-by:hover{color:var(--accent)}.footer-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;opacity:.9;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.footer-powered-by:hover .footer-logo{opacity:1;transform:scale(1.08);box-shadow:0 0 14px #00f0ff80}.site-footer p{color:var(--ink-dimmer);font-size:14px;font-family:Share Tech Mono,monospace;letter-spacing:1px}.site-footer strong{color:var(--ink-dim)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-reveal].in,.feature-grid[data-reveal],.world-grid[data-reveal],.mp-grid[data-reveal],.mp-stats[data-reveal]{opacity:1;transform:none}.feature-grid[data-reveal]>*,.world-grid[data-reveal]>*,.mp-grid[data-reveal]>*,.mp-stats[data-reveal]>*{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.feature-grid.in>*,.world-grid.in>*,.mp-grid.in>*,.mp-stats.in>*{opacity:1;transform:none}.feature-grid.in>:nth-child(2),.world-grid.in>:nth-child(2),.mp-grid.in>:nth-child(2),.mp-stats.in>:nth-child(2){transition-delay:.09s}.feature-grid.in>:nth-child(3),.world-grid.in>:nth-child(3),.mp-grid.in>:nth-child(3),.mp-stats.in>:nth-child(3){transition-delay:.18s}.feature-grid.in>:nth-child(4),.mp-grid.in>:nth-child(4),.mp-stats.in>:nth-child(4){transition-delay:.27s}.feature-grid.in>:nth-child(5){transition-delay:.36s}.feature-grid.in>:nth-child(6){transition-delay:.45s}@media (prefers-reduced-motion: reduce){[data-reveal],[data-reveal]>*{opacity:1!important;transform:none!important;transition:none!important}}@media (max-width: 960px){.feature-grid{grid-template-columns:repeat(2,1fr)}.mp-grid{grid-template-columns:1fr}.mp-stats{grid-template-columns:repeat(2,1fr)}.shots{grid-template-columns:1fr}.topnav{display:none}}@media (max-width: 620px){body{font-size:17px}.env-band-copy{padding-top:clamp(160px,26svh,240px)}.world-grid,.feature-grid{grid-template-columns:1fr}.btn{width:100%;justify-content:center}.cta-row{flex-direction:column}.hero .cta-row .btn{flex:0 0 auto}.hero-overlay{justify-content:space-between}}