:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--foreground:#f4f6ec;--secondary:#b8c0b5;--line:#535d54;--surface:#1b201c;color:var(--foreground);background:#111512;font-family:ui-monospace,monospace}body{margin:0}.app{--space-for-controls:330px;box-sizing:border-box;max-width:min(1024px, max(420px, calc((100dvh - var(--space-for-controls)) * 16 / 9 + 64px)));margin-inline:auto;padding:clamp(16px,3vw,32px)}.app-header{justify-content:space-between;align-items:baseline;gap:12px;margin-block-end:16px;display:flex}.app-header a{color:var(--secondary);text-underline-offset:.25em}h1{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1}.match-setup{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;margin-block-end:12px;display:flex}#sound-toggle{min-inline-size:7ch;margin-inline-start:auto}#sound-toggle[aria-pressed=false]{color:var(--secondary)}.scoreboard{color:var(--secondary);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;margin-block-end:8px;font-size:clamp(.875rem,2vw,1rem);display:flex}.scoreboard strong{color:var(--foreground);margin-inline-start:.25em;font-size:clamp(1.25rem,3vw,2rem);line-height:1}#playfield{aspect-ratio:16/9;width:100%}#playfield canvas{display:block}button,select{border:1px solid var(--line);color:inherit;background:var(--surface);font:inherit;border-radius:2px;padding:8px 14px}button,select:enabled{cursor:pointer}button:hover{background:#2b352d}:is(button,select,a):focus-visible{outline:2px solid var(--foreground);outline-offset:3px}#match-status{margin-block:12px 0}#restart-match,#difficulty-offer{margin-block-start:8px}#difficulty-offer:not([hidden]){flex-wrap:wrap;align-items:center;gap:8px;display:flex}#difficulty-question{margin:0 4px 0 0}.controls{color:var(--secondary);margin-block:8px 0;font-size:.875rem}#match-history{border-block-start:1px solid var(--line);margin-block-start:32px;padding-block-start:20px}#match-history h2{margin-block:0 12px;font-size:1.25rem}#match-history-message:empty{margin:0}#match-history-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:clamp(.75rem,2.5vw,.875rem)}#match-history-table :is(th,td){border-block-end:1px solid var(--line);text-align:start;padding:8px 6px}#more-results{margin-block-start:12px}