: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)}.hazard-three{top:17%;left:29%;transform:rotate(62deg)}.hazard-four{bottom:18%;right:28%;transform:rotate(-100deg)}.orbit-stage .orbit-ring{animation:6s ease-in-out infinite orbit-wake}.orbit-stage .orbit-player{transform-origin:7px calc(min(30vw,145px) + 7px);animation:6s ease-in-out infinite orbit-preview-player}.orbit-stage .hazard{animation:6s ease-in-out infinite orbit-preview-hazard}.orbit-stage .hazard-one{--travel-x:-38px;--travel-y:27px;animation-delay:0s}.orbit-stage .hazard-two{--travel-x:37px;--travel-y:-22px;animation-delay:.22s}.orbit-stage .hazard-three{--travel-x:25px;--travel-y:33px;animation-delay:.48s}.orbit-stage .hazard-four{--travel-x:-22px;--travel-y:-28px;animation-delay:.68s}@keyframes orbit-wake{0%,to{transform:scale(.96);box-shadow:0 0 12px #20e9ff1f}18%,80%{transform:scale(1);box-shadow:0 0 24px #20e9ff3d}}@keyframes orbit-preview-player{0%,17%{rotate:0deg}48%{rotate:210deg}66%{rotate:258deg}80%{rotate:210deg}to{rotate:0deg}}@keyframes orbit-preview-hazard{0%,30%{opacity:0;translate:0}38%{opacity:1}69%{opacity:1;translate:var(--travel-x) var(--travel-y)}82%,to{opacity:0;translate:var(--travel-x) var(--travel-y)}}.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}.mini-orbit{animation:6s ease-in-out infinite orbit-wake}.mini-orbit .mini-player{transform-origin:8px 103px;animation:6s ease-in-out infinite orbit-preview-player}.mini-shot{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid var(--magenta);width:0;height:0;filter:drop-shadow(0 0 6px var(--magenta));animation:6s ease-in-out infinite orbit-preview-hazard;position:absolute}.mini-shot-a{--travel-x:-42px;--travel-y:20px;top:12%;right:-22%}.mini-shot-b{--travel-x:40px;--travel-y:-14px;animation-delay:.2s;bottom:15%;left:-25%}.mini-shot-c{--travel-x:16px;--travel-y:38px;animation-delay:.42s;top:-15%;left:24%}.mini-shot-d{--travel-x:-16px;--travel-y:-34px;animation-delay:.62s;bottom:-17%;right:20%}.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{width:min(100% - 3rem,1440px);margin:0 auto;padding:.85rem 0 4rem}.player-shell{grid-template-rows:minmax(0,1fr) auto;display:grid}.game-stage{border:1px solid color-mix(in srgb, var(--game-accent) 52%, #fff 12%);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--game-accent) 20%, transparent), transparent 48%), radial-gradient(circle at 18% 80%, color-mix(in srgb, var(--game-accent-alt) 16%, transparent), transparent 34%), #05070d;border-radius:1.4rem 1.4rem 0 0;place-items:center;block-size:clamp(22.5rem,64dvh,48rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #050a123d}.game-content-frame{background:#05070d;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.player-portrait .game-content-frame{aspect-ratio:3/4;inline-size:auto;max-inline-size:100%}.game-frame{opacity:0;background:#05070d;border:0;width:100%;height:100%;transition:opacity .18s;display:block}.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}.player-action-bar{border:1px solid var(--line);background:var(--surface-strong);border-top:0;border-radius:0 0 1rem 1rem;justify-content:space-between;align-items:center;gap:1rem;min-height:58px;padding:.55rem .85rem;display:flex}.player-title{align-items:center;gap:.7rem;min-width:0;display:inline-flex}.player-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-mark{color:#06111f;background:linear-gradient(135deg, var(--game-accent), var(--game-accent-alt));border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.7rem;font-weight:900;display:grid}.player-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.player-action{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--surface);font:inherit;cursor:pointer;border-radius:.6rem;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.player-action:hover,.player-action:focus-visible,.player-action.is-selected,.player-action[aria-pressed=true]{border-color:var(--game-accent);color:var(--ink);background:color-mix(in srgb, var(--game-accent) 12%, var(--surface))}.game-information{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2rem;margin-top:2.5rem;padding-top:2.5rem;display:grid}.game-information h1{max-width:none;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.7rem)}.game-information p{max-width:44rem;color:var(--muted);margin-bottom:0;line-height:1.7}.game-facts{grid-template-columns:repeat(3,minmax(8rem,1fr));gap:.6rem;margin:0;display:grid}.game-facts div{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;padding:.8rem}.game-facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.game-facts dd{margin:.4rem 0 0;font-size:.85rem;font-weight:700}.how-to-play{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;grid-column:1/-1;padding:1rem 1.1rem}.how-to-play summary{cursor:pointer;font-weight:800}.how-to-play ul,.controls-dialog ul{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.how-to-play li,.controls-dialog li{border:1px solid var(--line);color:var(--muted);border-radius:.55rem;padding:.45rem .65rem;font-size:.82rem}.controls-dialog{width:min(100% - 2rem,30rem);color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow);border:0;border-radius:1rem;padding:0}.controls-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0308108f}.controls-dialog-card{padding:1.5rem;position:relative}.controls-dialog h2{margin:.35rem 0 0;font-size:2rem}.dialog-close{border:1px solid var(--line);width:2rem;height:2rem;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:absolute;top:.8rem;right:.8rem}.player-shell:fullscreen{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#05070d;grid-template-rows:minmax(0,1fr) auto}.player-shell:fullscreen .game-stage{border:0;border-radius:0;block-size:auto}.player-shell:fullscreen .game-content-frame{max-width:none;max-height:none}.player-shell:fullscreen .player-action-bar{border-width:1px 0 0;border-radius:0}@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}: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)}}@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}.game-page .topbar{min-height:64px}.game-main{padding:.5rem 0 2rem}.game-stage{border-radius:1rem 1rem 0 0;block-size:clamp(20rem,58dvh,42rem)}.player-action-bar{padding:.45rem .55rem}.player-actions{gap:.25rem}.player-action{justify-content:center;min-width:34px;padding:.35rem .45rem}.action-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-information{grid-template-columns:1fr;gap:1.2rem;margin-top:1.75rem;padding-top:1.75rem}.game-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-orbit i,.orbit-stage .orbit-ring,.orbit-stage .orbit-player,.orbit-stage .hazard,.mini-orbit,.mini-orbit .mini-player,.mini-shot{animation:none}.orbit-stage .hazard,.mini-shot{opacity:1}}
