:root{color-scheme:dark;--ink:#23182f;--paper:#fff5e8;--pink:#ff84b8;--yellow:#ffe474;--mint:#8bdfb9}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.game{min-height:100svh;max-width:1080px;margin:auto;padding:22px 26px;display:flex;flex-direction:column;gap:22px}.top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;padding-bottom:12px;gap:16px}.brand{font-size:.7rem;font-weight:850;letter-spacing:.12em;text-decoration:none;color:var(--paper)}.brand span{color:var(--pink)}.edition{font:.65rem ui-monospace,monospace;color:#baa8c7}.layout{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center;flex:1}.eyebrow{font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;color:var(--pink)}h1{font-size:clamp(3.6rem,8vw,6.5rem);letter-spacing:-.08em;line-height:.88;margin:15px 0 22px}h1 em{font-family:Georgia,serif;color:var(--yellow);font-weight:400}.description{font-size:.92rem;line-height:1.7;color:#c9b9d2;max-width:330px}.description strong{color:var(--paper)}.facts{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.facts span{border:1px solid #ffffff25;border-radius:999px;padding:7px 10px;font-size:.62rem;color:#c9b9d2}.start{border:0;background:var(--yellow);color:var(--ink);padding:15px 24px;border-radius:999px;font-weight:850}.note{color:#ac97b9;font-size:.7rem;line-height:1.6;max-width:300px}.play{border:1px solid #ffffff35;border-radius:22px;background:#170e23;overflow:hidden;box-shadow:8px 9px 0 #100a17}.hud{display:flex;gap:20px;align-items:center;padding:15px 18px;font-size:.62rem;color:#b7a3c4;text-transform:uppercase}.hud strong{display:block;color:var(--paper);font:800 1.3rem ui-monospace,monospace}.hud button{margin-left:auto;padding:7px 11px;border:1px solid #ffffff30;border-radius:9px;background:transparent;color:var(--paper);font-size:.7rem}.meter{height:4px;background:#ffffff10}.meter span{display:block;height:100%;width:100%;background:var(--pink)}.board-wrap{position:relative}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:20px}.number{aspect-ratio:1;border:1px solid #ffdfe980;border-radius:50%;background:#422d50;color:var(--paper);font:850 clamp(1.25rem,3.3vw,2rem) ui-monospace,monospace;transition:background .14s,transform .14s}.number:hover:not(:disabled){background:#604168;transform:scale(1.05)}.number.popped{background:var(--mint);color:var(--ink);border-color:var(--mint);transform:scale(.84)}.number.wrong{background:var(--pink);color:var(--ink);opacity:.65}.board-footer{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid #ffffff20;color:#baa8c7;font-size:.7rem}.board-footer strong{color:var(--yellow)}.feedback{font-size:.8rem;line-height:1.5;color:#c9b9d2;min-height:2.5em;margin:0;padding:12px 16px;border-left:3px solid var(--pink);background:#ffffff05}.paused{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#170e23f2;font-size:2rem;font-weight:850}.paused small{font-size:.8rem;color:#baa8c7;margin-top:10px}@media(max-width:700px){.game{padding:16px 14px;gap:16px}.edition{display:none}.layout{grid-template-columns:1fr;gap:15px}.brief{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.eyebrow{grid-column:1/-1;margin:0;font-size:.54rem}h1{margin:0;font-size:3.3rem;white-space:nowrap}h1 br{display:none}h1 em{margin-left:8px}.description{grid-column:1/-1;font-size:.78rem;margin:0;max-width:none}.facts{display:none}.note{grid-column:1/-1;margin:0;font-size:.63rem;max-width:none}.start{padding:12px 15px;font-size:.75rem;grid-column:1/-1;justify-self:start}.play{max-width:480px;width:100%;justify-self:center}.grid{padding:15px;gap:9px}.number{font-size:1.65rem}.hud{gap:20px}.feedback{font-size:.74rem}.layout{flex:none}}@media(prefers-reduced-motion:reduce){.number{transition:none}.number:hover:not(:disabled){transform:none}}