:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937}*{box-sizing:border-box;font-family:inherit}body{margin:0}body.game-body{background:#dbeafe;transition:background-color .3s ease}body.game-body--play{background:#fde68a}body.game-body--correct{background:#86efac}body.game-body--lose{background:#ef4444;color:#fff}body.game-body--win{background:#dcfce7}.app{display:grid;place-items:center;padding:1.2rem;position:relative}.card{width:min(760px,100%);background:#fff;border-radius:1.4rem;padding:1.5rem;text-align:center;box-shadow:0 18px 40px #0000001f}.center{display:grid;gap:1rem;justify-items:center}h1{margin:0;font-size:clamp(1.7rem,3vw,2.2rem)}.status,.progress{font-size:1.15rem;margin:.2rem 0}.dot-progress{margin:.9rem 0 .3rem;display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap}.progress-dot{width:20px;height:20px;border-radius:50%;background:#e5e7eb}.progress-dot--done{background:#22c55e}.big-button{font-size:clamp(1.5rem,4vw,2rem);background:#22c55e;border:none;color:#fff;border-radius:.9rem;padding:.9rem 1.7rem;cursor:pointer}.big-button:hover{filter:brightness(1.05)}.speaker{margin:.6rem auto 1rem;width:86px;height:86px;border-radius:50%;border:none;font-size:2rem;cursor:pointer;background:#2563eb;color:#fff}.speaker:disabled{cursor:not-allowed;opacity:.55}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.number{aspect-ratio:1;border:none;border-radius:.8rem;font-size:5rem;font-weight:400;background:#fef08a;color:#0f172a;cursor:pointer}.number--flash{background:#4ade80;color:#14532d;cursor:not-allowed}.number--target{background:#fb923c;color:#fff;cursor:not-allowed}.certificate{border:5px dashed #f59e0b}.certificate h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.treat{font-size:1.2rem;font-weight:700}.confetti{position:absolute;top:-10px;width:10px;height:16px;border-radius:3px;background:var(--color);animation:confetti-fall var(--duration) ease-out var(--delay) forwards}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--x-offset),92vh,0) rotate(var(--rotate));opacity:0}}@media (max-width: 640px){.grid{grid-template-columns:repeat(3,1fr)}.number{font-size:3rem;aspect-ratio:unset}.speaker{width:72px;height:72px}}