:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f2ec;--dim:#b9c0c7;--panel:#191c20;--panel-edge:#3a3f45;--button:#2a2f36;--page:#0e1013;--gap:12px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#app{flex-direction:column;height:100dvh;display:flex}#stage{min-width:0;min-height:0;padding-top:env(safe-area-inset-top);flex:auto;position:relative;overflow:hidden}#stage canvas{display:block}#hud{align-items:center;gap:8px var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));background:var(--panel);flex-flow:wrap;flex:none;display:flex}.scores{gap:var(--gap);display:flex}.score{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:20px;display:flex}.disc{border-radius:50%;flex:none;width:18px;height:18px;display:inline-block}.disc.black{border:1px solid var(--panel-edge);background:#14171a}.disc.white{background:#f4f2ec}.status{color:var(--dim);flex:140px;margin:0}.controls{gap:8px;margin-left:auto;display:flex}button,select{font:inherit;color:var(--ink);background:var(--button);border:1px solid var(--panel-edge);white-space:nowrap;cursor:pointer;border-radius:6px;min-height:44px;padding:10px 16px}button:hover{background:#343a42}button:active{background:#3d444d}button:disabled{opacity:.4;cursor:default}@media (not (min-width:480px)) and (not (min-aspect-ratio:1)){.controls{flex:100%;grid-template-columns:1fr 1fr;margin-left:0;display:grid}}@media (min-aspect-ratio:1){#app{flex-direction:row}#hud{width:200px;padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));padding-right:calc(var(--gap) + env(safe-area-inset-right));flex-flow:column;align-items:stretch;overflow-y:auto}#stage{padding-top:0;padding-left:env(safe-area-inset-left)}.scores{justify-content:space-between}.status{flex:none}.controls{flex-direction:column;margin-top:auto;margin-left:0}}.loading{padding:var(--gap);text-align:center;color:var(--dim);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.loading.failed{color:var(--ink)}noscript .loading{position:fixed}@media (min-aspect-ratio:1) and (max-height:400px){#hud{width:calc(280px + env(safe-area-inset-right))}.controls{grid-template-columns:1fr 1fr;display:grid}}.overlay{padding:var(--gap);background:#0e1013b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-panel{text-align:center;border:1px solid var(--panel-edge);background:var(--panel);border-radius:12px;padding:24px;box-shadow:0 12px 40px #00000073}.overlay-panel h2{margin:0 0 4px;font-size:28px}.overlay-panel p{color:var(--dim);font-variant-numeric:tabular-nums;margin:0 0 20px;font-size:20px}.overlay-actions{justify-content:center;gap:8px;display:flex}