:root{--ink:#e9e6df;--dim:#9b958a;--ground:#0a0a0d;--accent:#e8b25c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);min-block-size:100svh;color:var(--ink);place-items:center;margin:0;padding:1rem;font-family:ui-sans-serif,system-ui,sans-serif;display:grid}.skip-link{position:absolute;inset-inline-start:-9999px}.skip-link:focus{z-index:10;color:var(--ink);background:#1a1a20;inset-block-start:.5rem;inset-inline-start:.5rem}.skip-link{align-items:center;min-block-size:44px;padding-inline:.75rem;display:inline-flex}h1{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center;margin:0 0 .6rem;font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:600}main{inline-size:min(46rem,100svh - 9rem,100vw - 2rem)}#arena{inline-size:100%;position:relative}canvas[data-testid=play]{aspect-ratio:1;touch-action:none;cursor:crosshair;background:#0d0d12;border-radius:.5rem;inline-size:100%;display:block}canvas[data-testid=play]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cards{background:#0a0a0dc7;border-radius:.5rem;grid-template-columns:repeat(3,1fr);align-content:center;gap:clamp(.5rem,2vw,1rem);padding:clamp(.5rem,3vw,2rem);display:grid;position:absolute;inset:0}.cards[hidden]{display:none}.cards button{color:inherit;cursor:pointer;background:#e9e6df0f;border:1px solid #e9e6df2e;border-radius:.6rem;place-items:center;gap:.6rem;min-block-size:44px;padding:clamp(.6rem,3vw,1.4rem) .4rem;display:grid}.cards button:hover,.cards button:focus-visible{border-color:var(--accent);background:#e8b25c2e;outline:none}.cards svg{block-size:clamp(2rem,9vw,3.2rem);inline-size:clamp(2rem,9vw,3.2rem)}.pips{gap:.25rem;display:flex}.pips i{background:#e9e6df38;border-radius:50%;block-size:.4rem;inline-size:.4rem}.pips i.on{background:var(--accent)}.pips i.next{background:var(--accent);box-shadow:0 0 0 3px #e8b25c40}.hud{letter-spacing:.08em;color:var(--dim);grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.75rem;margin:0 0 .4rem;font-size:clamp(.75rem,2.6vw,.9rem);display:grid}.hud p{margin:0}.hearts{gap:.25rem;display:flex}.hearts b{background:#e05c5c;border-radius:50%;block-size:.7rem;inline-size:.7rem}.hearts b.gone{background:#e05c5c38}.lv{color:#9fd0ff;font-variant-numeric:tabular-nums}.clock{color:var(--accent);text-align:end;font-variant-numeric:tabular-nums}.tally:before{content:"×";opacity:.6;margin-inline-end:.15rem}.tally{font-variant-numeric:tabular-nums}.mute{block-size:44px;inline-size:44px;color:inherit;cursor:pointer;background:#e9e6df0f;border:1px solid #e9e6df2e;border-radius:.5rem;place-items:center;padding:0;display:grid}.mute svg{block-size:1.2rem;inline-size:1.2rem}.mute:hover,.mute:focus-visible{border-color:var(--accent);background:#e8b25c2e;outline:none}@keyframes verdict-pop{0%{opacity:0;transform:scale(.9)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes verdict-glow{0%{text-shadow:0 0 #e8b25c00}40%{text-shadow:0 0 .5em #e8b25cd9}to{text-shadow:0 0 #e8b25c00}}@keyframes verdict-shake{0%,to{transform:translate(0)}20%{transform:translate(-.4em)}40%{transform:translate(.35em)}60%{transform:translate(-.2em)}80%{transform:translate(.1em)}}.verdict{text-align:center;background:#0a0a0dd1;border-radius:.5rem;place-content:center;gap:.6rem;padding:1rem;animation:.36s cubic-bezier(.16,1,.3,1) verdict-pop;display:grid;position:absolute;inset:0}.verdict[hidden]{display:none}.verdict h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,7vw,2.6rem)}.verdict.won h2{color:var(--accent);animation:.9s ease-out verdict-glow}.verdict.lost h2{color:#e05c5c;animation:.42s ease-out verdict-shake}@media (prefers-reduced-motion:reduce){.verdict,.verdict.won h2,.verdict.lost h2{animation:none}}.verdict dl{color:var(--dim);grid-template-columns:auto auto;gap:.2rem 1.2rem;margin:0;font-size:clamp(.8rem,3vw,.95rem);display:grid}.verdict dt{text-align:end}.verdict dd{text-align:start;color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.verdict button{min-block-size:44px;color:inherit;font:inherit;letter-spacing:.06em;cursor:pointer;background:#e9e6df14;border:1px solid #e9e6df4d;border-radius:.5rem;justify-self:center;margin-block-start:.4rem;padding:.5rem 1.4rem}.verdict button:hover,.verdict button:focus-visible{border-color:var(--accent);background:#e8b25c33;outline:none}.cards button strong{letter-spacing:.06em;font-size:clamp(.85rem,3vw,1rem)}.cards button em{color:var(--dim);text-align:center;font-size:clamp(.7rem,2.6vw,.82rem);font-style:normal;line-height:1.35}