:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#090d14;color:#e8edf4}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:28px 20px 48px;line-height:1.65}
a{color:#8ee3da;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}
h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:0}.lead{font-size:1.1rem;color:#cbd6e4}.game{border:1px solid #364958;background:#121e29;border-radius:18px;padding:clamp(18px,4vw,30px);margin-top:25px}
.game-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.game-heading h2{margin:0}.game-heading p{color:#8ee3da;margin:0;font-weight:700}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.controls button,.start{background:#253947;color:#e8edf4;border:1px solid #527182;border-radius:9px;padding:8px 16px}
.controls button[aria-pressed=true],.start{background:#8ee3da;color:#061b1a;border-color:#8ee3da;font-weight:700}.hint{font-size:.94rem;color:#b9c8d4}
.scores{display:flex;gap:22px;flex-wrap:wrap}.scores strong{color:#fff;font-size:1.2rem}#status{min-height:2.8em;padding:10px 14px;border-radius:9px;background:#223440;margin-bottom:8px}.cue{min-height:1.6em;color:#ffd98b;text-align:center;font-weight:700}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px;margin:12px auto 24px}.board button{aspect-ratio:1;border:2px solid #597586;border-radius:16px;background:#2b4557;color:#e8edf4;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:800;transition:background .1s,transform .1s}.board button:disabled{cursor:default;opacity:.85}.board button.lit{background:#f6ca69;color:#1b1d1d;transform:scale(1.04);border-color:#fff}.board button.correct{background:#398b73}.board button.wrong{background:#af5361}.start{display:block;margin:auto;padding:12px 22px}
footer{border-top:1px solid #36404f;margin-top:36px;padding-top:20px}@media(prefers-reduced-motion:reduce){.board button{transition:none}}