*{box-sizing:border-box}body{color:#fdf3e1;background:#2b1d14;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}#app{width:min(960px,100vw)}#hud{background:#4a3224;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:6px 18px;padding:8px 12px;font-size:15px;display:flex}#hud b{color:#ffd166;font-variant-numeric:tabular-nums}#hud-time.low{color:#ff6b6b}#stage{position:relative}canvas{image-rendering:auto;background:#bde3f2;width:100%;height:auto;display:block}#overlay{background:#1e120ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}.panel{color:#3a2618;text-align:center;background:#fdf3e1;border-radius:12px;max-width:560px;padding:20px 28px;box-shadow:0 8px 30px #0006}.panel h1,.panel h2{margin:0 0 8px}.panel p{margin:6px 0;line-height:1.4}.panel ul{text-align:left;margin:8px 0;padding-left:20px}.panel .score-table{border-collapse:collapse;margin:10px auto}.panel .score-table td{text-align:left;padding:3px 10px}.panel .score-table td:last-child{text-align:right;font-weight:700}.panel .new-record{color:#d1495b;font-weight:700}.buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}button{font:inherit;color:#fff;cursor:pointer;background:#8d5a3b;border:0;border-radius:8px;padding:8px 16px}button.primary{background:#d1495b}button:hover,button:focus-visible{filter:brightness(1.15);outline:2px solid #ffd166}#help{text-align:center;opacity:.8;margin:6px 0;font-size:13px}