.screen{--bg: var(--void);--bg-soft: var(--abyss);--panel: #0a1e2c;--panel-2: var(--steel);--line: #1a3d56;--text: var(--frost);--text-dim: #7a96aa;--accent: var(--glow);--accent-rgb: 80, 168, 214;--accent-2: var(--cyan);--accent-2-rgb: 128, 212, 238;--tron: var(--core);--tron-rgb: 172, 236, 251;--good: var(--cyan)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.cover__art{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.1)}.cover__prompt{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.cover__start{font-size:.85rem;padding:.65rem 2rem;border-radius:2px;background:transparent;border:1px solid rgba(var(--tron-rgb),.55);color:var(--tron);font-weight:500;letter-spacing:.4em;text-transform:uppercase;text-shadow:0 0 6px rgba(var(--tron-rgb),.5);box-shadow:0 0 10px rgba(var(--tron-rgb),.15);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.cover__start:hover{background:rgba(var(--tron-rgb),.08);border-color:var(--tron);box-shadow:0 0 18px rgba(var(--tron-rgb),.35)}.loading-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(var(--tron-rgb),.08);z-index:200;pointer-events:none;overflow:hidden}.loading-bar__fill{height:100%;background:var(--tron);box-shadow:0 0 8px rgba(var(--tron-rgb),.55);transition:width .25s ease-out}.orientation-gate{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--abyss-rgb),.92);display:flex;align-items:center;justify-content:center;z-index:100}.orientation-gate__inner{max-width:32rem;text-align:center;padding:2rem}.orientation-gate__icon{color:var(--accent-2);margin-bottom:1rem;animation:tilt 2.2s ease-in-out infinite;display:inline-flex}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.orientation-gate h2{margin:0 0 .5rem;font-size:1.6rem}.orientation-gate p{color:var(--text-dim);line-height:1.5;margin:0}.gameplay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;-webkit-user-select:none;user-select:none;touch-action:none}.gameplay__video,.branch__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.branch{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.flashes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flash{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:1.5rem;letter-spacing:.1em;animation:flash .6s ease-out forwards;text-shadow:0 0 6px rgba(0,0,0,.8)}.flash--perfect{color:var(--perfect)}.flash--good{color:var(--good)}.flash--miss{color:var(--miss)}@keyframes flash{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}.end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(var(--tron-rgb),.08),#0000 60%),linear-gradient(180deg,var(--abyss) 0%,var(--void) 100%);text-align:center;padding:2rem;gap:1.75rem;color:var(--text)}.end__title{font-size:2.4rem;margin:0;font-weight:300;letter-spacing:.45em;text-transform:uppercase;color:var(--tron);text-shadow:0 0 8px rgba(var(--tron-rgb),.45),0 0 24px rgba(var(--tron-rgb),.2);padding-left:.45em;position:relative}.end__title:before,.end__title:after{content:"";position:absolute;left:50%;width:12rem;height:1px;background:linear-gradient(90deg,rgba(var(--tron-rgb),0),rgba(var(--tron-rgb),.55),rgba(var(--tron-rgb),0));transform:translate(-50%)}.end__title:before{top:-.9rem}.end__title:after{bottom:-.9rem}.end__sub{color:var(--text-dim);margin:0;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.end__stats{display:grid;grid-template-columns:repeat(5,minmax(96px,1fr));gap:.75rem;margin:.25rem 0 .5rem;max-width:760px;width:100%}.end__stats>div{background:rgba(var(--abyss-rgb),.65);border:1px solid rgba(var(--tron-rgb),.28);border-radius:2px;padding:.85rem .6rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:inset 0 0 12px rgba(var(--tron-rgb),.05),0 0 8px rgba(var(--tron-rgb),.06)}.end__stats span{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.22em}.end__stats strong{font-size:1.5rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--tron);text-shadow:0 0 6px rgba(var(--tron-rgb),.4)}.end__action{font-size:.85rem;padding:.65rem 2.2rem;border-radius:2px;background:transparent;border:1px solid rgba(var(--tron-rgb),.55);color:var(--tron);font-weight:500;letter-spacing:.4em;text-transform:uppercase;text-shadow:0 0 6px rgba(var(--tron-rgb),.5);box-shadow:inset 0 0 8px rgba(var(--tron-rgb),.12),0 0 10px rgba(var(--tron-rgb),.15);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.end__action:hover{background:rgba(var(--tron-rgb),.08);border-color:var(--tron);box-shadow:inset 0 0 12px rgba(var(--tron-rgb),.22),0 0 18px rgba(var(--tron-rgb),.35)}.end__stats--single{grid-template-columns:minmax(160px,240px);justify-content:center}.leaderboard{width:100%;max-width:520px;display:flex;flex-direction:column;gap:.75rem;margin:.25rem 0}.leaderboard__title{margin:0;font-size:.8rem;font-weight:400;letter-spacing:.45em;text-transform:uppercase;color:var(--tron);text-align:center;text-shadow:0 0 6px rgba(var(--tron-rgb),.4)}.leaderboard__entry{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:rgba(var(--tron-rgb),.05);border:1px solid rgba(var(--tron-rgb),.35);border-radius:2px;box-shadow:inset 0 0 12px rgba(var(--tron-rgb),.08),0 0 18px rgba(var(--tron-rgb),.12)}.leaderboard__rank-callout{margin:0;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--tron);text-shadow:0 0 6px rgba(var(--tron-rgb),.5)}.leaderboard__entry-label{display:flex;flex-direction:column;align-items:center;gap:.4rem}.leaderboard__entry-label>span{font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.leaderboard__entry-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2rem;font-weight:500;letter-spacing:.45em;text-align:center;text-transform:uppercase;color:var(--tron);background:#00000073;border:1px solid rgba(var(--tron-rgb),.55);border-radius:2px;padding:.55rem .5rem .55rem .95rem;width:100%;max-width:18rem;caret-color:var(--tron);text-shadow:0 0 8px rgba(var(--tron-rgb),.5);box-shadow:inset 0 0 10px rgba(var(--tron-rgb),.12),0 0 8px rgba(var(--tron-rgb),.15);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.leaderboard__entry-input::placeholder{color:rgba(var(--tron-rgb),.25)}.leaderboard__entry-input:focus{border-color:var(--tron);box-shadow:inset 0 0 14px rgba(var(--tron-rgb),.25),0 0 16px rgba(var(--tron-rgb),.3)}.leaderboard__submit{font-size:.75rem;padding:.5rem 1.6rem;border-radius:2px;background:transparent;border:1px solid rgba(var(--tron-rgb),.55);color:var(--tron);font-weight:500;letter-spacing:.4em;text-transform:uppercase;text-shadow:0 0 6px rgba(var(--tron-rgb),.5);box-shadow:inset 0 0 8px rgba(var(--tron-rgb),.12),0 0 10px rgba(var(--tron-rgb),.15);cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.leaderboard__submit:hover{background:rgba(var(--tron-rgb),.08);border-color:var(--tron);box-shadow:inset 0 0 12px rgba(var(--tron-rgb),.22),0 0 18px rgba(var(--tron-rgb),.35)}.leaderboard__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem;font-variant-numeric:tabular-nums}.leaderboard__row{display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.75rem;padding:.4rem .75rem;background:rgba(var(--abyss-rgb),.55);border:1px solid rgba(var(--tron-rgb),.18);border-radius:2px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.leaderboard__row--new{border-color:rgba(var(--tron-rgb),.65);background:rgba(var(--tron-rgb),.08);animation:leaderboard-pulse 1.4s ease-in-out infinite}@keyframes leaderboard-pulse{0%,to{box-shadow:0 0 rgba(var(--tron-rgb),0)}50%{box-shadow:0 0 14px rgba(var(--tron-rgb),.35)}}.leaderboard__rank{color:var(--text-dim);font-size:.85rem;letter-spacing:.1em}.leaderboard__name{color:var(--tron);letter-spacing:.32em;text-transform:uppercase;font-size:.95rem;text-shadow:0 0 4px rgba(var(--tron-rgb),.25)}.leaderboard__score{color:var(--tron);font-size:1.05rem;font-weight:500;letter-spacing:.05em;text-shadow:0 0 4px rgba(var(--tron-rgb),.3)}.leaderboard__empty{margin:0;text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.leaderboard__empty--error{color:var(--miss)}.leaderboard__retry{margin-left:.6rem;padding:.25rem .8rem;background:transparent;border:1px solid rgba(var(--tron-rgb),.55);color:var(--tron);font:inherit;font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;border-radius:2px;cursor:pointer}.leaderboard__error{margin:0;text-align:center;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--miss)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud__top{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:center}.hud__energy{display:flex;align-items:center;gap:.7rem;width:62%;-webkit-user-select:none;user-select:none}.hud__energy-label{font-size:.7rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:rgba(var(--frost-rgb),.92);text-shadow:0 0 6px rgba(var(--tron-rgb),.55),0 0 14px rgba(var(--tron-rgb),.25);white-space:nowrap}.hud__energy-track{position:relative;flex:1;height:16px;background:linear-gradient(180deg,rgba(var(--abyss-rgb),.85),rgba(var(--void-rgb),.95));border:1px solid rgba(var(--tron-rgb),.38);box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 10px #000000b3,0 0 12px rgba(var(--tron-rgb),.18);overflow:hidden;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.hud__energy-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(var(--tron-rgb),.08) 0,rgba(var(--tron-rgb),.08) 1px,transparent 1px,transparent 12px);pointer-events:none;z-index:2}.hud__energy-fill{position:relative;height:100%;background:linear-gradient(180deg,#ffffff47,#fff0 55%),linear-gradient(90deg,var(--glow) 0%,var(--tron) 55%,var(--frost) 100%);box-shadow:inset 0 0 10px #fff6,0 0 12px rgba(var(--tron-rgb),.55),0 0 26px rgba(var(--tron-rgb),.3);transition:width .18s cubic-bezier(.2,.7,.2,1),background .3s ease,box-shadow .3s ease;overflow:hidden}.hud__energy-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%,transparent 100%);mix-blend-mode:screen;animation:energy-shimmer 2.6s linear infinite;pointer-events:none}@keyframes energy-shimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}.hud__energy-edge{position:absolute;top:-2px;bottom:-2px;right:-2px;width:3px;background:linear-gradient(180deg,#ffffff 0%,var(--frost) 45%,var(--tron) 70%,#ffffff 100%);box-shadow:0 0 6px #fffffff2,0 0 14px rgba(var(--tron-rgb),.9),0 0 24px rgba(var(--tron-rgb),.6);animation:energy-crackle .22s steps(1,end) infinite;pointer-events:none}@keyframes energy-crackle{0%{opacity:1;transform:translateY(0) scaleY(1)}20%{opacity:.85;transform:translateY(-1px) scaleY(.96)}40%{opacity:1;transform:translateY(1px) scaleY(1.04)}60%{opacity:.9;transform:translateY(0) scaleY(.98)}80%{opacity:1;transform:translateY(-1px) scaleY(1.02)}to{opacity:.95;transform:translateY(0) scaleY(1)}}.hud__energy--low .hud__energy-track{border-color:#ff8a4c8c;box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 10px #000000b3,0 0 14px #ff5e6c40}.hud__energy--low .hud__energy-fill{background:linear-gradient(180deg,#ffffff47,#fff0 55%),linear-gradient(90deg,#c61d36 0%,#ff7a3d 55%,var(--perfect) 100%);box-shadow:inset 0 0 10px #fff6,0 0 12px #ff5e6c99,0 0 26px #ff5e6c59;animation:energy-low-pulse .9s ease-in-out infinite}.hud__energy--low .hud__energy-edge{background:linear-gradient(180deg,#ffffff 0%,var(--perfect) 45%,#ff7a3d 70%,#ffffff 100%);box-shadow:0 0 6px #fffffff2,0 0 14px #ff8a4cf2,0 0 24px #ff5e6ca6}.hud__energy--low .hud__energy-label{color:#ffd24af2;text-shadow:0 0 6px rgba(255,138,76,.6),0 0 14px rgba(255,94,108,.3)}@keyframes energy-low-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.hud__corner--tr{position:absolute;top:1rem;right:1.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.8)}.hud__score{position:relative;display:flex;flex-direction:column;align-items:flex-end;line-height:1}.hud__score-label{font-size:.62rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:rgba(var(--frost-rgb),.78);text-shadow:0 0 6px rgba(var(--tron-rgb),.55),0 0 14px rgba(var(--tron-rgb),.2);padding-right:.1em;margin-bottom:.22rem}.hud__score-num{font-size:2rem;font-weight:700;letter-spacing:.06em;color:var(--frost);font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(var(--tron-rgb),.55),0 0 14px rgba(var(--tron-rgb),.3),0 0 26px rgba(var(--tron-rgb),.12);display:inline-block;transform-origin:right center;animation:score-pulse .45s cubic-bezier(.2,.7,.2,1)}@keyframes score-pulse{0%{transform:scale(1.16);text-shadow:0 0 14px rgba(var(--tron-rgb),.95),0 0 30px rgba(var(--tron-rgb),.55),0 0 52px rgba(var(--tron-rgb),.25)}to{transform:scale(1);text-shadow:0 0 6px rgba(var(--tron-rgb),.55),0 0 14px rgba(var(--tron-rgb),.3),0 0 26px rgba(var(--tron-rgb),.12)}}.hud__score-deltas{position:absolute;top:.4rem;right:100%;padding-right:.5rem;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.hud__score-delta{font-size:1rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.75);animation:score-delta .85s cubic-bezier(.2,.7,.2,1) forwards}.hud__score-delta--perfect{color:var(--perfect);text-shadow:0 0 8px rgba(255,210,74,.7),0 0 20px rgba(255,210,74,.4),0 0 1px rgba(0,0,0,.9)}.hud__score-delta--good{color:var(--cyan);text-shadow:0 0 8px rgba(var(--cyan-rgb),.7),0 0 20px rgba(var(--cyan-rgb),.35),0 0 1px rgba(0,0,0,.9)}@keyframes score-delta{0%{opacity:0;transform:translate(10px,6px) scale(.7)}22%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(-22px) scale(.92)}}.hud__combo{position:relative;display:flex;align-items:baseline;justify-content:flex-end;gap:.45em;margin-top:.2rem;min-height:1.7rem;font-variant-numeric:tabular-nums;transition:filter .25s ease}.hud__combo-placeholder{font-size:1.05rem;visibility:hidden}.hud__combo-num{display:inline-block;font-size:1.55rem;font-weight:800;letter-spacing:.02em;line-height:1;color:var(--cyan);text-shadow:0 0 8px rgba(var(--cyan-rgb),.55),0 0 18px rgba(var(--cyan-rgb),.25);transform-origin:right center;animation:combo-tick .32s cubic-bezier(.2,.7,.2,1);transition:color .3s ease,text-shadow .3s ease}.hud__combo-label{font-size:.7rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:rgba(var(--frost-rgb),.65);align-self:center;transform:translateY(-.1em);transition:color .3s ease,text-shadow .3s ease}@keyframes combo-tick{0%{transform:scale(1.32) translateY(-1px);filter:brightness(1.4)}55%{transform:scale(.96) translateY(0);filter:brightness(1.05)}to{transform:scale(1) translateY(0);filter:brightness(1)}}.hud__combo--rising .hud__combo-num{color:var(--core);text-shadow:0 0 8px rgba(var(--core-rgb),.7),0 0 20px rgba(var(--core-rgb),.32)}.hud__combo--hot .hud__combo-num{color:var(--frost);text-shadow:0 0 10px rgba(var(--core-rgb),.85),0 0 24px rgba(var(--core-rgb),.45),0 0 38px rgba(var(--cyan-rgb),.22)}.hud__combo--gold .hud__combo-num{color:var(--perfect);text-shadow:0 0 10px rgba(255,210,74,.75),0 0 26px rgba(255,210,74,.42),0 0 44px rgba(255,210,74,.22)}.hud__combo--gold .hud__combo-label{color:#ffd24ad9;text-shadow:0 0 6px rgba(255,210,74,.4)}.hud__combo--apex .hud__combo-num{color:#fff7dc;text-shadow:0 0 12px rgba(255,255,255,.95),0 0 28px rgba(255,210,74,.75),0 0 52px rgba(255,210,74,.45),0 0 84px rgba(var(--tron-rgb),.4);animation:combo-tick .32s cubic-bezier(.2,.7,.2,1),combo-apex-pulse 1.4s ease-in-out infinite .32s}.hud__combo--apex .hud__combo-label{color:var(--perfect);text-shadow:0 0 8px rgba(255,210,74,.55)}@keyframes combo-apex-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hud__combo-burst{position:absolute;right:0;top:-1.65em;pointer-events:none;display:flex;align-items:baseline;gap:.25em;font-weight:800;text-transform:uppercase;color:var(--perfect);white-space:nowrap;text-shadow:0 0 8px rgba(255,210,74,.8),0 0 22px rgba(255,210,74,.4),0 0 40px rgba(255,210,74,.2);animation:combo-burst 1.1s cubic-bezier(.2,.7,.2,1) forwards}.hud__combo-burst-cross{font-size:1rem;opacity:.85}.hud__combo-burst-value{font-size:1.1rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.hud__combo-burst-label{font-size:.78rem;letter-spacing:.36em;opacity:.85}@keyframes combo-burst{0%{opacity:0;transform:translateY(10px) scale(.65)}22%{opacity:1;transform:translateY(-2px) scale(1.08)}70%{opacity:1;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.95)}}.hud__combo-break{font-size:.85rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--miss);text-shadow:0 0 8px rgba(255,94,108,.7),0 0 20px rgba(255,94,108,.35);animation:combo-break .7s ease-out forwards}@keyframes combo-break{0%{opacity:0;transform:translateY(-4px) scale(1.15)}25%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(2px) scale(.95)}}.note-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.note{position:absolute;width:0;height:0;pointer-events:auto}.note__approach{position:absolute;top:0;left:0;width:7vw;height:7vw;border-radius:50%;border:3px solid var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(var(--accent-rgb),.45);pointer-events:none}.note__hit{position:absolute;top:0;left:0;width:5vw;height:5vw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--accent) 55%,#fff) 60%,var(--accent));border:3px solid white;transform:translate(-50%,-50%);box-shadow:0 0 22px rgba(var(--accent-rgb),.6)}.note__num{position:absolute;top:0;left:0;transform:translate(-50%,-50%);font-weight:700;font-size:1.6rem;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.6);pointer-events:none}.note--past .note__hit{opacity:.3}.note--past .note__approach{opacity:0}.note--perfect .note__hit{background:radial-gradient(circle at 35% 30%,#fff,#ffe28a 60%,var(--perfect));box-shadow:0 0 30px var(--perfect)}.note--good .note__hit{background:radial-gradient(circle at 35% 30%,#fff,var(--core) 60%,var(--accent-2));box-shadow:0 0 30px var(--good)}.note--miss .note__hit{background:radial-gradient(circle at 35% 30%,#fff,#ffa5ad 60%,var(--miss));opacity:.45}.note--selected .note__hit{outline:3px dashed var(--accent-2);outline-offset:6px}.sg{--bg: var(--void);--bg-soft: var(--abyss);--panel: #0a1e2c;--panel-2: var(--steel);--line: #1a3d56;--text: var(--frost);--text-dim: #7a96aa;--accent: var(--glow);--accent-rgb: 80, 168, 214;--accent-2: var(--cyan);--accent-2-rgb: 128, 212, 238;--tron: var(--core);--tron-rgb: 172, 236, 251}.sg{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(var(--glow-rgb),.08),transparent 60%),linear-gradient(180deg,var(--abyss) 0%,var(--void) 100%);color:var(--text);padding:2.5rem clamp(1rem,4vw,3rem) 4rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sg__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.sg__title{margin:0 0 .4rem;font-size:2rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--core);text-shadow:0 0 8px rgba(var(--glow-rgb),.45),0 0 24px rgba(var(--glow-rgb),.2)}.sg__sub{margin:0;color:var(--text-dim);font-size:.9rem;max-width:56ch;line-height:1.5}.sg__sub code,.sg__lead code{background:rgba(var(--glow-rgb),.12);border:1px solid rgba(var(--glow-rgb),.25);padding:.05rem .35rem;border-radius:3px;font-size:.85em}.sg__back{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--core);text-decoration:none;border:1px solid rgba(var(--glow-rgb),.45);padding:.5rem 1rem;border-radius:2px;text-shadow:0 0 6px rgba(var(--glow-rgb),.45);transition:background .15s ease,border-color .15s ease}.sg__back:hover{background:rgba(var(--glow-rgb),.1);border-color:var(--core)}.sg__section{margin-bottom:2.5rem}.sg__h2{font-size:1.05rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 .4rem}.sg__lead{margin:0 0 1.1rem;color:var(--text-dim);font-size:.88rem;max-width:64ch}.sg__hero{display:grid;gap:.6rem}.sg__hero-img{width:100%;max-height:360px;object-fit:cover;border-radius:8px;border:1px solid var(--steel);box-shadow:0 0 24px rgba(var(--glow-rgb),.15)}.sg__hero-strip{display:grid;grid-template-columns:repeat(8,1fr);height:28px;border-radius:4px;overflow:hidden;border:1px solid var(--steel)}.sg__hero-strip-chip{height:100%}.sg__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.sg-swatch{background:rgba(var(--abyss-rgb),.6);border:1px solid var(--steel);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.sg-swatch__chip{height:96px;width:100%;border-bottom:1px solid rgba(0,0,0,.3)}.sg-swatch__meta{padding:.65rem .8rem .75rem;display:flex;flex-direction:column;gap:.15rem}.sg-swatch__name{font-size:.95rem;font-weight:600;letter-spacing:.05em;color:var(--frost)}.sg-swatch__hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--cyan);letter-spacing:.05em}.sg-swatch__var{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--text-dim);letter-spacing:.02em;margin-top:.1rem}.sg__tokens-dash{color:var(--text-dim);opacity:.5}.sg-swatch__role{font-size:.78rem;color:var(--text-dim);line-height:1.35;margin-top:.15rem}.sg-swatch__sample{font-size:.72rem;color:var(--text-dim);margin-top:.35rem;letter-spacing:.02em}.sg-swatch__sample code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--core)}.sg__tokens{width:100%;border-collapse:collapse;font-size:.88rem;background:rgba(var(--abyss-rgb),.5);border:1px solid var(--steel);border-radius:8px;overflow:hidden}.sg__tokens th,.sg__tokens td{text-align:left;padding:.55rem .85rem;border-bottom:1px solid rgba(var(--steel-rgb),.6)}.sg__tokens thead th{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);background:rgba(var(--steel-rgb),.35)}.sg__tokens tbody tr:last-child td{border-bottom:none}.sg__tokens code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--core)}.sg-token-chip{width:28px;height:28px;border-radius:4px;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #ffffff0a}.sg__type-stack{display:flex;flex-direction:column;gap:1.2rem;background:rgba(var(--abyss-rgb),.5);border:1px solid var(--steel);border-radius:8px;padding:1.2rem 1.4rem}.sg__type-label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem}.sg__btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.sg__hud-preview{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,rgba(var(--abyss-rgb),.85),#000000d9);border:1px solid var(--steel);border-radius:8px;padding:1.4rem}.sg__hud-preview .hud__energy{width:100%}.sg__score-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-top:.5rem}.sg__score-cell{position:relative;border:1px solid rgba(var(--steel-rgb),.8);border-radius:6px;background:radial-gradient(ellipse at top right,rgba(var(--glow-rgb),.05),transparent 60%),#0000008c;padding:1.5rem .9rem 1rem;min-height:110px;overflow:hidden}.sg__score-cell-label{position:absolute;top:.45rem;left:.7rem;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.sg__score-mock{position:static;align-items:flex-end;display:flex;flex-direction:column}:root{color-scheme:dark;--void: #000000;--abyss: #06121a;--steel: #13293a;--cobalt: #204e6f;--glow: #50a8d6;--cyan: #80d4ee;--core: #acecfb;--frost: #e6f6fb;--void-rgb: 0, 0, 0;--abyss-rgb: 6, 18, 26;--steel-rgb: 19, 41, 58;--cobalt-rgb: 32, 78, 111;--glow-rgb: 80, 168, 214;--cyan-rgb: 128, 212, 238;--core-rgb: 172, 236, 251;--frost-rgb: 230, 246, 251;--bg: #0a0a0f;--bg-soft: #14141d;--panel: #1b1b27;--panel-2: #232333;--line: #2c2c40;--text: #f4f4ff;--text-dim: #a0a0bb;--accent: #ff3da4;--accent-rgb: 255, 61, 164;--accent-2: #5dd0ff;--accent-2-rgb: 93, 208, 255;--tron: #6df1ff;--tron-rgb: 109, 241, 255;--good: #5dd0ff;--perfect: #ffd24a;--miss: #ff5e6c;--danger: #ff5e6c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);padding:.55rem .9rem;border-radius:6px;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}button:hover{background:var(--panel);border-color:var(--accent)}button:active{transform:translateY(1px)}input[type=number],select{font:inherit;background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:.25rem .4rem}a{color:var(--accent-2)}