:root{--bg:#1b1033;--ink:#f4eeff;--muted:#a294c4;--ok:#3fbfa8;--bad:#e8556d;--z-canvas:0;--z-hud:10;--z-controls:20;--z-overlay:30;--gold:#f5c842}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{z-index:var(--z-canvas);touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{z-index:var(--z-hud);padding:max(10px, env(safe-area-inset-top)) 58px 10px 14px;color:var(--muted);pointer-events:none;background:linear-gradient(#1b1033ee,#1b103300);gap:14px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}#hud b{color:var(--ink);font-size:15px}#hud .best{margin-left:auto}#hint{bottom:max(10px, env(safe-area-inset-bottom));z-index:var(--z-hud);text-align:center;color:var(--muted);pointer-events:none;margin:0;font-size:12px;position:fixed;left:0;right:0}#overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1033cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#overlay.hidden{display:none}.card{text-align:center;background:#2b1b4d;border:1px solid #ffffff1f;border-radius:18px;width:min(380px,100%);padding:24px}.card h2{margin:0 0 16px;font-size:21px}.card dl{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;display:grid}.card dl div{background:#ffffff0d;border-radius:12px;padding:10px 6px}.card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.card dd{margin:4px 0 0;font-size:20px;font-weight:700}.points-note{color:var(--muted);margin:0 0 10px;font-size:12px}.verify{word-break:break-all;margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.verify.ok{color:var(--ok)}.verify.bad{color:var(--bad);font-weight:700}button{width:100%;font:inherit;color:#1b1033;cursor:pointer;background:#f5c842;border:0;border-radius:12px;padding:14px;font-weight:700}button:active{transform:translateY(1px)}#sound{top:max(8px, env(safe-area-inset-top));z-index:var(--z-controls);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;place-items:center;padding:0;transition:background .2s,border-color .2s;display:grid;position:fixed;right:10px}#sound:hover{background:#ffffff24;border-color:#ffffff3d}#sound:active{background:#ffffff2e}#sound .ico{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}#sound .ico--off,#sound[aria-pressed=true] .ico--on{display:none}#sound[aria-pressed=true] .ico--off{display:block}#sound[aria-pressed=true]{color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}#overlay{animation:.22s ease-out both fade-in}.card{animation:.34s cubic-bezier(.2,1.35,.5,1) both card-in}.card dl div{animation:.3s ease-out both stat-in}.card dl div:first-child{animation-delay:60ms}.card dl div:nth-child(2){animation-delay:.12s}.card dl div:nth-child(3){animation-delay:.18s}.card dl div:nth-child(4){animation-delay:.24s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(26px)scale(.94)}to{opacity:1;transform:none}}@keyframes stat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#overlay,.card,.card dl div{animation:none}}#hud .stat--prize b{color:var(--gold)}.card dl div.stat--gold{background:#f5c8420f;border:1px solid #f5c84240}.card dl div.stat--gold dd{color:var(--gold)}.missed{color:var(--ink);background:#e8556d1a;border:1px solid #e8556d3d;border-radius:10px;margin:0 0 10px;padding:9px 12px;font-size:13px}.missed b{color:var(--bad)}.gifts-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 8px;font-size:11px}.gifts{text-align:left;margin:0 0 14px;padding:0;list-style:none}.gifts li{border-left:3px solid var(--tone);background:#ffffff0d;border-radius:0 10px 10px 0;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:6px;padding:9px 12px;display:grid}.gifts__sym{color:var(--tone);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.gifts__n{color:var(--muted);font-size:12px}.gifts__pts{font-size:15px;font-weight:700}.gifts-none{color:var(--muted);background:#ffffff08;border-radius:10px;margin:0 0 14px;padding:12px;font-size:13px}