:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;--panel:#0d172aeb;--line:#2c4566;--accent:#56d89b;--yellow:#fff48f;--danger:#ff6b82;background:#050914;font-family:ui-monospace,Cascadia Mono,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%,#56d89b24,#0000 28rem),radial-gradient(circle at 90% 30%,#7b4f9d2e,#0000 30rem),#050914;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:2px solid var(--line);color:#f8fafc;cursor:pointer;background:#101d32;padding:.65rem .85rem;transition:transform .1s,border-color .1s,background .1s;box-shadow:3px 3px #02050b}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);background:#17304a;transform:translate(-1px,-1px)}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #02050b}button:disabled{opacity:.35;cursor:not-allowed}.shell{width:min(1440px,100%);margin:0 auto;padding:clamp(.75rem,2vw,1.5rem)}.topbar,footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.04em;text-shadow:3px 3px #234c3d;margin-bottom:0;font-size:clamp(1.55rem,4vw,3rem)}h2{color:var(--yellow);font-size:1.15rem}h3,.eyebrow,.hud span{color:#8fa9c8;letter-spacing:.14em;font-size:.72rem}.eyebrow{color:var(--accent);margin-bottom:.25rem}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.toggle{color:#b8c7db;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.hud{border:2px solid var(--line);background:var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:1rem 0;display:grid;box-shadow:5px 5px #02050b}.hud>div{background:#0d172a;min-width:0;padding:.65rem .8rem}.hud span,.hud strong{display:block}.hud strong{color:#f8fafc;margin-top:.2rem;font-size:1.25rem}.game-grid{grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:1rem;display:grid}.canvas-card,.side-panel{border:2px solid var(--line);background:var(--panel);box-shadow:7px 7px #02050b}.canvas-card{min-height:min(72vh,760px);position:relative;overflow:hidden}#game-canvas{touch-action:none;cursor:crosshair;width:100%;height:min(68vh,710px);min-height:420px;display:block}.commentator{border-top:2px solid var(--line);color:#cce7da;background:#080f1e;min-height:3rem;padding:.8rem 1rem;line-height:1.4}.commentator.error{color:var(--danger)}.completion-actions{position:absolute;bottom:4.4rem;right:1rem}#next-button,.primary{border-color:var(--accent);color:#e8fff5;background:#174d39}.side-panel{padding:1rem}.side-panel section+section{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.mobile-controls{gap:.65rem;display:grid}.mobile-controls label{color:#b8c7db;justify-content:space-between;font-size:.8rem;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}.level-select{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.level-select button{padding:.7rem .2rem}.level-select button.active{border-color:var(--yellow);color:var(--yellow)}.help,.highscore{color:#9fb2ca;font-size:.82rem;line-height:1.5}.snap-note{color:var(--yellow)}.danger{color:#ffb1be;border-color:#743448;width:100%}footer{color:#7186a1;padding:1.25rem 0 .5rem;font-size:.72rem}footer a{color:var(--accent)}@media (max-width:850px){.topbar{align-items:flex-start}.game-grid{grid-template-columns:1fr}.canvas-card{min-height:0}#game-canvas{height:56vh;min-height:360px}}@media (max-width:560px){.shell{padding:.55rem}.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:.8rem}.hud{grid-template-columns:repeat(3,1fr)}.hud>div:nth-child(4),.hud>div:nth-child(5){grid-column:span 1}#game-canvas{height:48vh;min-height:310px}footer{display:block}footer a{margin-top:.5rem;display:inline-block}}.commentator.warning{color:var(--yellow)}.secondary-score{color:var(--muted);margin:.25rem 0 .75rem;font-size:.82rem}footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}footer nav a{white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:720px){footer nav{justify-content:flex-start}}.hole-speed-indicator{color:#fff1f4;letter-spacing:.04em;text-align:center;background:#be185d33;border:1px solid #ff879d;border-radius:.45rem;margin-top:.6rem;padding:.55rem .75rem;font:700 .78rem/1.35 ui-monospace,monospace}