:root{--ink:#1f3a5f;--ink-deep:#12253f;--sky:#9fd3f2;--accent:#f4b942;--glass:#ffffffa6;color:var(--ink);font-family:Fredoka,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--sky);height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app{height:100dvh;position:fixed;inset:0}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-top{padding:calc(env(safe-area-inset-top) + 12px) 16px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.score-value{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:600;line-height:1;display:block}.score-best{opacity:.75;font-size:.95rem}.status{align-items:center;gap:12px;display:flex}.lives{gap:4px;display:flex}.life{background:var(--ink);border-radius:3px;width:14px;height:14px}.life.is-lost{box-shadow:inset 0 0 0 2px var(--ink);opacity:.4;background:0 0}.next{background:var(--glass);border-radius:12px;justify-items:center;gap:2px;margin:0;padding:6px 8px 4px;display:grid}.next canvas{width:56px;height:56px;display:block}.next figcaption{font-size:.75rem}.hud-bottom{padding:0 16px calc(env(safe-area-inset-bottom) + 20px);pointer-events:none;justify-items:center;gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.hint{background:var(--glass);border-radius:999px;margin:0;padding:6px 12px;font-size:.95rem;transition:opacity .4s}.hint.is-hidden{opacity:0}.drop-btn{pointer-events:auto;touch-action:manipulation;min-width:9rem;font:inherit;color:#fff;background:var(--ink);box-shadow:0 4px 0 var(--ink-deep);cursor:pointer;border:0;border-radius:999px;padding:14px 32px;font-size:1.35rem;font-weight:600;transition:transform 80ms,box-shadow 80ms,opacity .2s}.drop-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink-deep);transform:translateY(3px)}.drop-btn:disabled{opacity:.45;cursor:default}.drop-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.overlay{background:#1f3a5f73;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.panel{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:320px;padding:28px 32px 32px}.panel h2{margin:0;font-size:1.1rem;font-weight:500}.panel-height{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:3rem;font-weight:600;line-height:1.1}.panel-best{opacity:.75;margin:4px 0 24px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}