:root{--ink: #f6f1e6;--muted: #b3a894;--bg: #100e0c;--panel: #1c1814;--line: #3a3126;--brass: #e2b657;--cream: #f3e6c4;--miss: #e06a4f;--felt: #1a3a30;color:var(--ink);background:radial-gradient(ellipse at 50% -10%,#3a2a18 0%,transparent 46%),radial-gradient(ellipse at 100% 100%,#14241e 0%,var(--bg) 48%);font-family:Avenir Next Condensed,Futura Condensed Medium,DIN Alternate,Franklin Gothic Medium,Arial Narrow,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}main{height:100dvh;max-width:840px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 12px max(84px,env(safe-area-inset-bottom));display:grid;grid-template-rows:72px 28px minmax(240px,1fr) 52px 20px;gap:8px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;height:72px;margin:0}.seat{min-width:0;height:72px;padding:8px 10px 7px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#2a241c 0%,var(--panel) 100%);display:grid;grid-template-columns:1fr auto;grid-template-rows:18px 22px;align-items:center;column-gap:6px}.seat.turn{border-color:var(--brass);box-shadow:inset 0 0 0 1px #e2b65766}.seat.winner{border-color:var(--cream);background:linear-gradient(180deg,#2c2614,#17140f)}.seat-name{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seat-score{grid-column:2;grid-row:1 / span 2;font-size:32px;line-height:1;letter-spacing:.02em;color:var(--ink)}.seat.turn .seat-score{color:var(--brass)}.dots{grid-column:1;display:flex;gap:5px;height:10px}.dot{width:8px;height:8px;border-radius:50%;background:#3a3128;box-shadow:inset 0 0 0 1px #5c4b3a}.dot.hit{background:var(--brass);box-shadow:none}.dot.miss{background:var(--miss);box-shadow:none}.status,.note{margin:0;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.12em;text-transform:uppercase}.status{font-size:15px;line-height:28px}.note{font-size:12px;line-height:20px;color:#ffb4a2;letter-spacing:.04em;text-transform:none}.stage{position:relative;min-height:0;height:100%;border-radius:18px;overflow:hidden;background:#14110e;box-shadow:inset 0 0 0 1px #e2b65747,0 16px 40px #00000059}.stage canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 46%,rgba(6,5,4,.55) 100%)}.call{position:absolute;left:12px;right:12px;top:8px;height:42px;margin:0;text-align:center;font-size:34px;line-height:42px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;opacity:0;color:var(--cream);text-shadow:0 2px 14px rgba(0,0,0,.7)}.call.show{opacity:1}.call.preview{opacity:.72;font-size:22px;letter-spacing:.2em;color:var(--brass)}.call.bull{color:var(--brass)}.call.miss{color:var(--miss)}.over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:18px;background:#0807066b}.over[hidden]{display:none}.over-card{width:min(300px,100%);padding:22px 18px 16px;border:1px solid rgba(226,182,87,.45);border-radius:18px;background:#120f0cf0;text-align:center;box-shadow:0 18px 40px #00000059}.over-title{margin:0;font-size:28px;letter-spacing:.14em;text-transform:uppercase}.over-summary{margin:8px 0 16px;min-height:18px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.replay{border:0;height:46px;padding:0 22px;border-radius:999px;font:inherit;font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:#1a140c;background:var(--brass);cursor:pointer}.replay:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.dock{position:relative;height:52px}.hint{margin:0;height:52px;overflow:hidden;line-height:52px;text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.action{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:999px;font:inherit;font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:#1a140c;background:var(--brass);opacity:0;pointer-events:none;cursor:pointer}.action.shown{opacity:1;pointer-events:auto}.action:focus-visible{outline:2px solid var(--cream);outline-offset:2px}