:root{color:#10182b;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4f7fb;--surface:#ffffffd1;--surface-strong:#fff;--ink:#10182b;--muted:#5e6980;--line:#10182b1f;--soft-line:#10182b12;--navy:#07111f;--cyan:#12cce3;--cyan-bright:#20e9ff;--magenta:#ed2aa9;--focus:#6254f5;--shadow:0 26px 70px #1c2c4921;background:#f4f7fb;font-family:Segoe UI,Inter,system-ui,sans-serif}:root[data-theme=dark]{--bg:#060a12;--surface:#0c1422d6;--surface-strong:#0b1322;--ink:#f4f8ff;--muted:#9aa9bf;--line:#adc5e02e;--soft-line:#adc5e01a;--focus:#20e9ff;--shadow:0 30px 80px #00000057}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 88% 2%, #20e9ff1f, transparent 27rem), radial-gradient(circle at 2% 45%, #ed2aa914, transparent 24rem), var(--bg);margin:0;transition:color .18s,background-color .18s}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.skip-link{z-index:100;color:#fff;background:#111827;border-radius:.75rem;padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--soft-line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 3rem,1440px);min-height:86px;margin:0 auto;display:grid;position:relative}.brand{align-items:center;gap:.8rem;width:fit-content;text-decoration:none;display:inline-flex}.brand>span:last-child{line-height:1.05;display:grid}.brand strong{letter-spacing:.09em;text-transform:uppercase;font:800 .95rem/1.1 Manrope,sans-serif}.brand small{color:var(--muted);margin-top:.27rem;font-size:.72rem}.brand-mark{background:var(--navy);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-mark i,.brand-mark b{display:block;position:absolute;transform:rotate(45deg)}.brand-mark i{border:3px solid var(--cyan-bright);border-radius:50%;width:18px;height:18px}.brand-mark b{background:var(--magenta);width:8px;height:8px;bottom:7px;right:7px}.nav-links{align-items:stretch;gap:2rem;height:86px;display:flex}.nav-link{color:var(--muted);place-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:grid;position:relative}.nav-link:after{background:linear-gradient(90deg, var(--cyan), var(--magenta));content:"";height:2px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--ink)}.nav-link.is-active:after{transform:scaleX(1)}.theme-toggle{border:1px solid var(--line);width:72px;min-height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;grid-template-columns:1fr 1fr;justify-self:end;padding:3px;display:inline-grid}.theme-toggle span{border-radius:50%;place-items:center;font-size:.92rem;display:grid}:root:not([data-theme=dark]) .sun-icon,:root[data-theme=dark] .moon-icon{color:#fff;background:var(--navy)}.hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(100% - 3rem,1320px);min-height:610px;margin:0 auto;padding:5.5rem 0 5rem;display:grid}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1rem;font-size:.78rem;font-weight:800;display:flex}.eyebrow span{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:1.8rem;height:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Segoe UI,Inter,system-ui,sans-serif}h1{letter-spacing:-.065em;max-width:12ch;margin-bottom:1.4rem;font-size:clamp(3.25rem,6.2vw,6.5rem);line-height:.96}h1 em{color:#0000;background:linear-gradient(105deg, #1288db 3%, var(--cyan) 43%, var(--magenta) 92%);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-summary{max-width:38rem;color:var(--muted);margin-bottom:2rem;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;display:flex}.primary-action{color:#fff;background:linear-gradient(115deg,#117dd6,#714cf1 55%,#ea2ba9);border-radius:999px;align-items:center;gap:.8rem;min-height:58px;padding:.65rem 1.1rem .65rem .7rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 16px 34px #604cf147}.primary-action:hover{transform:translateY(-2px);box-shadow:0 20px 44px #604cf15c}.play-disc{background:#ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.8rem;display:grid}.quick-note{color:var(--muted);font-size:.82rem}.orbit-stage{color:#f6fbff;min-height:520px;box-shadow:var(--shadow);isolation:isolate;background:radial-gradient(circle at 62% 42%,#20e9ff2e,#0000 28%),radial-gradient(circle at 24% 78%,#ff2caa26,#0000 32%),linear-gradient(145deg,#0b1d33,#040812 62%);border:1px solid #6cc7e040;border-radius:2rem;grid-template-rows:auto 1fr auto;text-decoration:none;display:grid;position:relative;overflow:hidden}.orbit-stage:before{z-index:-1;opacity:.45;content:"";background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.4px),radial-gradient(circle,#20e9ff8c 0 1px,#0000 1.3px);background-position:0 0,28px 38px;background-size:74px 74px,96px 96px;position:absolute;inset:0}.stage-label{color:#a9b9cc;letter-spacing:.13em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:999px;place-self:start;margin:1.3rem;padding:.5rem .75rem;font-size:.72rem;font-weight:700}.orbit-visual{place-items:center;min-height:330px;display:grid;position:relative}.orbit-ring{aspect-ratio:1;border:2px solid #20e9ffb8;border-radius:50%;width:min(60%,290px);transition:transform .35s;display:block;position:relative;box-shadow:0 0 22px #20e9ff2e,inset 0 0 22px #20e9ff17}.orbit-ring:before{content:"";border:1px dashed #20e9ff2e;border-radius:50%;position:absolute;inset:17%}.orbit-player{border:4px solid var(--cyan-bright);width:14px;height:14px;box-shadow:0 0 18px var(--cyan-bright);background:#fff;border-radius:50%;position:absolute;top:-7px;left:calc(50% - 7px)}.orbit-core{background:#f7fbff;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 0 14px #20e9ff14,0 0 40px #20e9ff57}.hazard{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:18px solid var(--magenta);filter:drop-shadow(0 0 9px #ff2caab8);width:0;height:0;position:absolute}.hazard-one{top:32%;right:12%;transform:rotate(160deg)}.hazard-two{bottom:24%;left:15%;transform:rotate(-20deg)}.stage-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08111fb8;border:1px solid #ffffff21;border-radius:1.2rem;justify-content:space-between;align-items:center;margin:0 1.3rem 1.3rem;padding:1.05rem 1.1rem;display:flex}.stage-footer>span:first-child{gap:.18rem;display:grid}.stage-footer small{color:#91a2b9;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.stage-footer strong{font:800 1.35rem/1.2 Segoe UI,sans-serif}.round-arrow{color:#07111f;background:var(--cyan-bright);border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.2rem;transition:transform .18s;display:grid}.orbit-stage:hover .round-arrow{transform:rotate(45deg)}.orbit-stage:hover .orbit-ring{transform:rotate(-8deg)scale(1.02)}.collection{border-top:1px solid var(--line);width:min(100% - 3rem,1320px);margin:0 auto;padding:4.5rem 0 6rem}.section-heading{grid-template-columns:1fr minmax(260px,400px);align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.section-heading .eyebrow{margin-bottom:.6rem}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1}.section-heading>p{color:var(--muted);margin-bottom:.25rem;line-height:1.6}.game-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:1.7rem;grid-template-columns:minmax(300px,.95fr) 1.05fr;display:grid;overflow:hidden;box-shadow:0 18px 55px #24314e14}.game-grid{gap:1.4rem;display:grid}.card-art{background:radial-gradient(circle,#20e9ff29,#0000 28%),linear-gradient(145deg,#09172a,#050811);place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.card-art:before{opacity:.34;content:"";background-image:radial-gradient(circle,#ffffffbf 0 1px,#0000 1.25px);background-size:64px 64px;position:absolute;inset:0}.mini-orbit{border:2px solid #20e9ffb3;border-radius:50%;width:190px;height:190px;position:relative;box-shadow:0 0 28px #20e9ff2e}.mini-orbit i{border:4px solid var(--cyan-bright);background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:calc(50% - 8px)}.mini-orbit b{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);box-shadow:0 0 0 12px #20e9ff14}.card-title-art{z-index:1;color:#f4fbff;letter-spacing:-.06em;text-align:center;max-width:10ch;font-size:clamp(2.2rem,7vw,4.5rem);font-weight:800;line-height:.9;position:relative}.status-pill{color:#bdf8ff;background:#09172ab3;border:1px solid #20e9ff73;border-radius:999px;padding:.5rem .72rem;font-size:.74rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.card-play{color:#07111f;background:var(--cyan-bright);border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .18s;display:grid;position:absolute;bottom:1.2rem;right:1.2rem}.card-art:hover .card-play{transform:scale(1.08)}.card-body{align-content:center;gap:1.2rem;padding:clamp(2rem,5vw,4.5rem);display:grid}.card-kicker{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800}.card-body h3{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.card-body h3 a{text-decoration:none}.card-body>p{max-width:36rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.tag-list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.5rem .72rem;font-size:.78rem}.text-link{align-items:center;gap:.55rem;width:fit-content;font-weight:800;text-decoration:none;display:inline-flex}.text-link span{color:var(--magenta);transition:transform .18s}.text-link:hover span{transform:translate(4px)}footer{border-top:1px solid var(--line);width:min(100% - 3rem,1320px);color:var(--muted);justify-content:space-between;gap:1rem;margin:0 auto;padding:1.7rem 0 2.2rem;font-size:.78rem;display:flex}footer span:first-child{color:var(--ink);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.game-page{min-height:100dvh}.game-main{grid-template-rows:auto minmax(0,1fr);gap:1.35rem;width:min(100% - 3rem,1440px);height:calc(100dvh - 86px);margin:0 auto;padding:1.35rem 0 1.6rem;display:grid}.game-intro{grid-template-columns:minmax(280px,1fr) minmax(260px,.8fr) auto;align-items:end;gap:1.8rem;display:grid}.back-link{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ink)}.game-title-line{align-items:end;gap:1rem;display:flex}.game-title-line .eyebrow{margin-bottom:.45rem}.game-title-line h1{max-width:none;margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:.9}.game-intro>p{color:var(--muted);margin:0;line-height:1.6}.control-list{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.control-list li{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:.65rem;padding:.48rem .7rem;font-size:.76rem;font-weight:700}.game-frame-shell{color:#f4fbff;background:#05070d;border:1px solid #20e9ff40;border-radius:1.4rem;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden;box-shadow:0 24px 70px #050a123d}.game-toolbar,.game-note{color:#91a4ba;background:#09111e;justify-content:space-between;align-items:center;gap:1rem;min-height:46px;padding:.65rem 1rem;font-size:.76rem;display:flex}.game-toolbar{border-bottom:1px solid #90b6d624}.game-note{border-top:1px solid #90b6d624}.game-note strong{color:#eaf8ff}.live-label{color:#d7faff;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.live-label i{background:var(--cyan-bright);width:7px;height:7px;box-shadow:0 0 10px var(--cyan-bright);border-radius:50%}.frame-reload{color:#d6e4f3;font:inherit;cursor:pointer;background:0 0;border:1px solid #90b6d633;border-radius:.55rem;padding:.35rem .6rem}.frame-reload:hover{border-color:var(--cyan-bright);color:#fff}.iframe-panel{background:#05070d;min-height:0;position:relative}.game-frame{opacity:0;background:#05070d;border:0;width:100%;height:100%;min-height:360px;transition:opacity .18s}.game-frame.is-ready{opacity:1}.frame-loading,.frame-error{z-index:2;text-align:center;background:radial-gradient(circle,#0a2030,#05070d 55%);place-content:center;justify-items:center;gap:.45rem;padding:2rem;display:grid;position:absolute;inset:0}.frame-loading[hidden],.frame-error[hidden]{display:none}.frame-loading small,.frame-error span{color:#8fa4ba}.loading-orbit{border:1px solid #20e9ff80;border-radius:50%;width:54px;height:54px;margin-bottom:.6rem;position:relative}.loading-orbit i{background:var(--cyan-bright);width:8px;height:8px;box-shadow:0 0 10px var(--cyan-bright);transform-origin:4px 31px;border-radius:50%;animation:.9s linear infinite loading-spin;position:absolute;top:-4px;left:calc(50% - 4px)}.frame-error button{color:#07111f;background:var(--cyan-bright);cursor:pointer;border:0;border-radius:999px;margin-top:.7rem;padding:.7rem 1rem;font-weight:800}@keyframes loading-spin{to{transform:rotate(360deg)}}.not-found{place-content:center;justify-items:start;width:min(100% - 3rem,900px);min-height:calc(100dvh - 86px);margin:0 auto;display:grid}.not-found h1{max-width:12ch}body[data-view=game]{overscroll-behavior:none;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:3.5rem}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}h1,.hero-summary{margin-left:auto;margin-right:auto}.orbit-stage{min-height:470px}.game-main{width:min(100% - 1.5rem,1440px)}.game-intro{grid-template-columns:1fr auto}.game-intro>p{display:none}}@media (width<=680px){.topbar,.hero,.collection,footer{width:min(100% - 1.5rem,1320px)}.topbar{min-height:72px}.brand small{display:none}.hero{gap:2.4rem;min-height:auto;padding:2.8rem 0 3.4rem}h1{font-size:clamp(2.8rem,14vw,4.7rem)}.hero-summary{font-size:1rem}.hero-actions{display:grid}.quick-note{order:2}.primary-action{justify-content:space-between}.orbit-stage{border-radius:1.4rem;min-height:390px}.orbit-visual{min-height:240px}.section-heading{grid-template-columns:1fr;gap:1rem}.game-card{grid-template-columns:1fr}.card-art{min-height:270px}.card-body{padding:1.7rem}footer{flex-direction:column}body[data-view=game]{overflow:auto}.game-page .topbar{min-height:64px}.game-main{height:auto;min-height:calc(100dvh - 64px);padding:.9rem 0 1rem}.game-intro{grid-template-columns:1fr;gap:.8rem}.back-link{margin-bottom:.6rem}.game-title-line{display:block}.game-title-line .eyebrow{margin-bottom:.65rem}.game-title-line h1{font-size:2.4rem}.control-list{display:none}.game-frame-shell{border-radius:1rem;min-height:calc(100dvh - 190px)}.game-toolbar>span:nth-child(2){display:none}.game-frame{min-height:470px}.game-note{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (width<=680px),(height<=600px){body[data-view=game][data-flow=true]{overflow:auto}.is-flow-game .game-main{grid-template-rows:auto auto;height:auto;min-height:calc(100dvh - 86px)}.is-flow-game .game-frame-shell{grid-template-rows:auto auto auto;min-height:0}.is-flow-game .iframe-panel{height:auto}.is-flow-game .game-frame{min-height:0;display:block}}@media (height<=600px) and (orientation:landscape){body[data-view=game]{overflow:auto}.game-page:not(.is-flow-game) .game-main{grid-template-rows:auto auto;height:auto;min-height:calc(100dvh - 64px)}.game-page:not(.is-flow-game) .game-frame-shell{grid-template-rows:auto auto auto;min-height:0}.game-page:not(.is-flow-game) .iframe-panel{height:calc(100dvh - 155px);min-height:210px}.game-page:not(.is-flow-game) .game-frame{width:100%;height:100%;min-height:0;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-orbit i{animation:none}}