.game{max-width:1100px;margin:0 auto;padding:24px 16px}.game h1{margin-bottom:4px}.muted{color:var(--muted)}.game h2{color:var(--muted);margin:0 0 8px;font-size:1rem}.game-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:24px;display:grid}@media (width<=800px){.game-layout{grid-template-columns:1fr}}.panel{gap:16px;display:grid}.countdown{color:var(--accent-3);text-shadow:0 4px 16px #000000b3;pointer-events:none;place-items:center;font-size:clamp(3rem,12vw,7rem);font-weight:800;animation:.4s ease-out pop;display:grid;position:absolute;inset:0}.countdown.shoot{color:var(--accent);animation:.4s ease-out pop,.6s ease-in .8s forwards fade-out}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{to{opacity:0}}.score{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.score>div{align-items:center;gap:10px;display:flex}.score-value{font-size:2.2rem;font-weight:800}.score-sep{color:var(--muted);font-size:1.6rem}.score-goal{text-align:center;flex-basis:100%;margin:0;font-size:.9rem}.round-message{min-height:3.5rem}.round-message p{margin:4px 0}.reveal{animation:.4s ease-out pop}.signs{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:1.2rem;display:flex}.result-win{color:var(--accent-2);font-weight:700}.result-loss{color:var(--accent);font-weight:700}.result-tie{color:var(--muted);font-weight:700}.winner{color:var(--accent-3);font-size:1.4rem;font-weight:800}.redo{color:var(--accent-3)}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-size:1.1rem;font-weight:700}button.primary kbd{border-color:var(--on-accent)}.bar-row{grid-template-columns:1fr auto;gap:4px;margin-bottom:8px;display:grid}.bar-percent{font-variant-numeric:tabular-nums}.bar{background:var(--surface);border:1px solid var(--border);border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.bar-fill{background:var(--muted);height:100%;transition:width .1s linear}.bar-fill.sure{background:var(--accent-2)}.history table{border-collapse:collapse;width:100%}.history th,.history td{border-bottom:1px solid var(--border);text-align:left;padding:4px 6px}@media (prefers-reduced-motion:reduce){.countdown,.countdown.shoot,.reveal,.bar-fill{transition:none;animation:none}.countdown.shoot{display:none}}
