:root{color-scheme:dark;--bg: #14181f;--ink: #f3f0e8;--muted: #b7b1a6;--panel: #232830;--face: #f4efe4;--dial-ink: #24282f;--brass: #e0a83a;--brass-deep: #3c3424;--arrow: #1fbfa7;--button: #2c333d;--button-ink: #f7f4ee;--danger: #d4535e;--good: #2f9e6b;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,#2a241c 0,transparent 28rem),var(--bg);color:var(--ink);overflow-x:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}button,p,h1{font:inherit}#app,.app{min-height:100dvh}.app{width:min(640px,100%);margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.header h1{margin:0;font-size:clamp(1.15rem,4.6vw,1.7rem);font-weight:650;letter-spacing:-.03em}.hint{margin:4px 0 0;color:var(--muted);line-height:1.35;font-size:clamp(.84rem,3.2vw,1rem)}.readout{flex:0 0 auto;text-align:right}.timer{margin:0;font-size:clamp(1.45rem,7vw,2.4rem);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1}.status{min-height:1.2em;margin:4px 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.stage{container-type:size;flex:1 1 auto;min-height:168px;display:grid;place-items:center}.board{position:relative;width:min(100%,440px);aspect-ratio:1;-webkit-user-select:none;user-select:none}@supports (width: 1cqi){.board{width:min(100cqi,100cqb,440px)}}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%}.cell{display:grid;place-items:center;margin:4px;border-radius:16px;background:var(--panel)}.cell.is-selected{background:var(--brass-deep);box-shadow:inset 0 0 0 3px var(--brass)}.dial{width:70%;height:70%}.dial .face{fill:var(--face);stroke:var(--dial-ink);stroke-width:2}.dial .ticks line{stroke:var(--dial-ink);stroke-width:2.4;stroke-linecap:round}.dial .hand,.dial .hub{fill:var(--dial-ink)}.arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.arrow-layer line{stroke:var(--arrow);stroke-width:.055;stroke-linecap:round}.arrow-layer path,.arrow-layer circle{fill:var(--arrow)}.pad{flex:0 0 auto;width:min(100%,440px);margin:0 auto}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.answer,.next{border:0;border-radius:12px;background:var(--button);color:var(--button-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.answer{min-height:48px;font-size:1.15rem;font-variant-numeric:tabular-nums}.answer:hover:not(:disabled),.next:hover{filter:brightness(1.12)}.answer:active:not(:disabled),.next:active{transform:translateY(1px)}.answer:focus-visible,.next:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.answer:disabled{cursor:default}.answer.is-correct{background:var(--good)}.answer.is-wrong{animation:wrong-flash .45s ease}.next-slot{min-height:48px;margin-top:8px}.next{display:block;width:100%;min-height:48px;background:var(--brass);color:#1d160c;font-weight:650}@keyframes wrong-flash{0%,35%{background:var(--danger)}to{background:var(--button)}}@media(min-width:480px){.cell{margin:6px}.answers{gap:10px}.answer{min-height:52px;font-size:1.2rem}}@media(max-height:640px){.hint{display:none}.app{gap:6px}}@media(orientation:landscape)and (max-height:520px){.app{width:min(980px,100%);height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);grid-template-rows:auto minmax(0,1fr);column-gap:12px}.header{grid-column:1 / -1;align-items:center}.hint{display:none}.stage{grid-column:1;grid-row:2;min-height:0}.pad{grid-column:2;grid-row:2;width:100%;align-self:center}.answers{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.answer.is-wrong{animation:none;background:var(--danger)}}