:root{--night: #24132a;--plum: #2b1426;--plum2: #4a2440;--enamel: #fbecd0;--enamel2: #f1dab2;--ginger: #f08c3e;--mint: #8fd8bb;--mintD: #3f8f74;--rose: #f59aa8;--gold: #ffd76a;--display: "Superclarendon", "Cooper Black", "Bookman Old Style", "Clarendon", Georgia, serif;--hand: "Noteworthy", "Bradley Hand", "Segoe Print", "Trebuchet MS", sans-serif}html,body{background:radial-gradient(ellipse 70% 80% at 50% 45%,#3a1f40,#140912 75%) var(--night);color:var(--enamel);font-family:var(--display)}.stage{background:var(--night)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.sbtn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff8e8,var(--enamel) 45%,var(--enamel2));border:3px solid var(--plum);box-shadow:inset 0 -3px #2b142626,0 3px 0 var(--plum),0 6px 14px #0006;color:var(--plum);text-decoration:none;transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.sbtn:active{transform:translateY(2px) scale(.94)}.sbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:#2b14268c}.tally{display:flex;flex-direction:column;align-items:center;gap:5px}.plaque{display:flex;align-items:center;gap:8px;padding:3px 5px 3px 18px;border-radius:26px;background:linear-gradient(180deg,#fff6e2,var(--enamel) 50%,var(--enamel2));border:3px solid var(--plum);box-shadow:inset 0 0 0 2px var(--enamel),inset 0 0 0 4px var(--mint),0 3px 0 var(--plum),0 8px 16px #0006}.score{min-width:2ch;text-align:center;font-size:28px;line-height:1.15;font-weight:800;color:var(--plum);font-variant-numeric:lining-nums tabular-nums;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.2) rotate(-3deg)}.mult{display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#b9ecd8,var(--mint) 55%,var(--mintD));border:2.5px solid var(--plum);transition:background .3s ease}.mult b{font-size:15px;line-height:1;color:var(--plum)}.mult[data-m="2"]{background:radial-gradient(circle at 40% 30%,#ffe7a6,var(--gold) 55%,#c99a2a)}.mult[data-m="3"]{background:radial-gradient(circle at 40% 30%,#ffc08a,var(--ginger) 55%,#b45a20)}.mult[data-m="4"]{background:radial-gradient(circle at 40% 30%,#ffc6d0,var(--rose) 55%,#c0566c)}.mult[data-m="5"]{background:radial-gradient(circle at 40% 30%,#e7c8ff,#b98ae6 55%,#6e3fa0)}.mult.pulse{animation:badge .5s cubic-bezier(.2,1.6,.4,1)}@keyframes badge{0%{transform:scale(1)}40%{transform:scale(1.32) rotate(10deg)}to{transform:scale(1)}}.pips{display:flex;gap:2px;margin-top:3px}.pips i{width:5px;height:5px;border-radius:50%;border:1.2px solid var(--plum)}.pips i.on{background:var(--plum)}.lives{display:flex;gap:4px}.lives svg{width:22px;height:22px;fill:var(--enamel);stroke:var(--plum);stroke-width:1.6;filter:drop-shadow(0 2px 0 var(--plum));transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .35s ease}.lives svg.lost{fill:none;stroke:#fbecd073;opacity:.7;transform:scale(.8);filter:none}.lives svg.hit{animation:hit .5s ease}@keyframes hit{0%{transform:scale(1)}30%{transform:scale(1.5) rotate(-15deg)}to{transform:scale(.8)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(74px + var(--safe-t)) 20px calc(30px + var(--safe-b));background:linear-gradient(180deg,#140816b3,#1408164d 55%,#1408160d)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px) scale(.98)}}.sign{position:relative;padding:18px 20px 16px;border-radius:30px;max-width:320px;width:100%;color:var(--plum);background:linear-gradient(180deg,#fff7e6,var(--enamel) 40%,var(--enamel2));border:3.5px solid var(--plum);box-shadow:inset 0 0 0 3px var(--enamel),inset 0 0 0 6px var(--mint),inset 0 0 0 8px var(--enamel),0 5px 0 var(--plum),0 22px 50px #0000008c;transform:rotate(-1.5deg)}.sign:before,.sign:after{content:"";position:absolute;top:12px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#b9a88a);border:1.5px solid var(--plum)}.sign:before{left:14px}.sign:after{right:14px}.title h1{margin:4px 0 0;font-size:clamp(44px,14vw,58px);font-weight:800;letter-spacing:0;line-height:1;color:var(--ginger);-webkit-text-stroke:2.5px var(--plum);paint-order:stroke fill;text-shadow:0 4px 0 var(--plum)}.sub{margin:8px 0 0;font-family:var(--hand);font-size:18px;color:var(--plum2)}.legend{display:flex;gap:10px;justify-content:center;margin:12px 0 6px}.legend figure{margin:0;width:126px;height:74px;display:grid;place-items:center;border-radius:14px;background:#3a2040;border:2.5px solid var(--plum);box-shadow:inset 0 0 18px #00000073}.legend svg{width:112px;height:70px;overflow:visible}.legend .mouth{fill:#0a0409}.legend .fur{fill:#c9b9aa;stroke:var(--plum);stroke-width:2}.legend .ear{fill:#f5aabb;stroke:var(--plum);stroke-width:1.6}.legend .eye{fill:#140a10}.legend .nose{fill:#ff7a98;stroke:var(--plum);stroke-width:1.2}.legend .whisk{fill:none;stroke:#fff6e6;stroke-width:1.1;stroke-linecap:round}.legend .crumb{fill:#eab66a;stroke:#8a5a26;stroke-width:.8}.legend .shade{fill:#0c0410;opacity:.8}.legend .tin{fill:#d24b3e;stroke:var(--plum);stroke-width:2}.legend .key{fill:#eabb4c;stroke:var(--plum);stroke-width:1.4}.legend .bead{fill:#111}.legend .tick{fill:none;stroke:var(--mint);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.legend .cross{fill:none;stroke:var(--rose);stroke-width:5;stroke-linecap:round}.cta{margin-top:10px;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--plum);animation:breathe 2.2s ease-in-out infinite}.paused .cta{color:var(--enamel)}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.best{margin-top:6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mintD)}.card{left:50%;top:40%;width:min(300px,calc(100% - 48px));transform:translate(-50%,-60%) rotate(-4deg) scale(.9);opacity:0;padding:20px 20px 16px;border-radius:28px;color:var(--plum);background:linear-gradient(180deg,#fff7e6,var(--enamel) 40%,var(--enamel2));border:3.5px solid var(--plum);box-shadow:inset 0 0 0 3px var(--enamel),inset 0 0 0 6px var(--mint),inset 0 0 0 8px var(--enamel),0 5px 0 var(--plum),0 24px 60px #0009;transition:opacity .3s ease,transform .6s cubic-bezier(.2,1.5,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) rotate(1deg) scale(1)}.eyebrow{font-family:var(--hand);font-size:18px;color:var(--plum2)}.big{font-size:74px;font-weight:800;line-height:1;margin-top:4px;color:var(--ginger);font-variant-numeric:lining-nums;-webkit-text-stroke:2.5px var(--plum);paint-order:stroke fill;text-shadow:0 4px 0 var(--plum)}.label{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px;opacity:.75}.newbest{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:99px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);background:linear-gradient(180deg,#ffe9a6,var(--gold));border:2.5px solid var(--plum);box-shadow:0 2px 0 var(--plum);animation:shine 1.2s ease-in-out infinite}.newbest:before{content:"★ "}@keyframes shine{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}.grades{display:flex;justify-content:center;gap:12px;margin-top:12px;font-size:11px;letter-spacing:.04em;color:var(--plum2)}.grades b{display:block;font-size:20px;letter-spacing:0;color:var(--plum)}.row{display:flex;justify-content:space-between;align-items:baseline;margin:12px 4px 0;padding-top:10px;border-top:2px dashed rgba(43,20,38,.3);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.row b{font-size:24px;letter-spacing:0;color:var(--plum)}.paused{inset:0;display:grid;place-items:center;background:#140816b8}@media(max-height:700px){.title{padding-top:calc(64px + var(--safe-t))}.sign{padding-top:14px}.legend{margin:8px 0 4px}.title h1{font-size:46px}}@media(prefers-reduced-motion:reduce){.cta,.newbest{animation:none;opacity:1}.score{transition:none}.mult.pulse,.lives svg.hit{animation:none}}