:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:#0b0e17;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#f2f4f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);position:fixed}canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;text-align:center;position:absolute;inset:0}.score{font-variant-numeric:tabular-nums;font-size:clamp(44px,14vmin,96px);font-weight:800;line-height:1;position:absolute;top:12px;left:50%;transform:translate(-50%)}.overlay[data-phase=ready] .score{visibility:hidden}@media (aspect-ratio>=4/5){.score{left:20px;transform:none}}.panel{flex-direction:column;justify-content:center;align-items:center;gap:1.2vmin;display:flex;position:absolute;inset:0}.overlay[data-phase=playing] .panel{display:none}.title{letter-spacing:.08em;font-size:6vmin;font-weight:800}.best{opacity:.75;font-size:3.6vmin}.hint{letter-spacing:.12em;opacity:.6;min-height:1.2em;font-size:3vmin}.mute{opacity:.7;pointer-events:auto;touch-action:manipulation;cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0;font-size:22px;position:absolute;top:4px;right:4px}