:root{--bg: #12151c;--panel: #1b202b;--edge: #2b3242;--track: #262f40;--track-alt: #1c2331;--wall: #0e1119;--wall-edge: #5b6580;--slot: #39415a;--slot-edge: #4a5473;--text: #e6e9f2;--muted: #98a1b8;--accent: #6fd3f0;--lateral: #7be0a4;--switch: #f0c46f;--spin: .52s}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{min-height:100vh}.layout{display:flex;gap:24px;padding:24px;align-items:flex-start;max-width:1400px;margin:0 auto}.board-wrap{flex:1 1 auto;min-width:0;display:flex;justify-content:center}#board{width:100%;max-width:min(78vh,820px);height:auto;touch-action:manipulation}.panel{flex:0 0 300px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:18px}.ring-track{fill:none;stroke:var(--track)}.ring-track.alt{stroke:var(--track-alt)}.ring,.token-upright{transition:transform var(--spin) cubic-bezier(.34,.9,.3,1)}.slot{fill:var(--slot);stroke:var(--slot-edge);stroke-width:1.5}.slot.start{fill:#4d5779;stroke:#6b77a0}.slot.is-target{cursor:pointer;stroke-width:3}.slot.target-lateral{fill:#2c4a3c;stroke:var(--lateral)}.slot.target-switch{fill:#4a412c;stroke:var(--switch)}.slot.is-target:hover{filter:brightness(1.45)}.slot.is-here{stroke:var(--accent);stroke-width:3}.slot.wall{fill:var(--wall);stroke:var(--wall-edge);stroke-width:1.5;cursor:not-allowed}.wall-mark{stroke:var(--wall-edge);stroke-width:2.5;stroke-linecap:round;pointer-events:none}.center-disc{fill:#2a2136;stroke:#6b5a8c;stroke-width:2}.token{pointer-events:none}.token circle{stroke:#0d1016;stroke-width:2}.token text{fill:#0d1016;font-size:15px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.token.is-current circle{stroke:var(--text);stroke-width:3}h1{font-size:19px;margin:0 0 4px;letter-spacing:.02em}h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 0 8px;font-weight:600}.turn{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin-top:4px}.dot{width:16px;height:16px;border-radius:50%;flex:0 0 auto}.sub{color:var(--muted);font-size:13px}.dice{display:flex;align-items:center;gap:8px;margin-bottom:6px}.die{width:34px;height:34px;border-radius:7px;background:#eef1f7;color:#12151c;display:grid;place-items:center;font-weight:700;font-size:17px}.legend{display:flex;flex-direction:column;gap:6px;font-size:13px}.legend div{display:flex;align-items:center;gap:8px}.swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.standings{list-style:none;margin:0;padding:0;font-size:13px}.standings li{display:flex;align-items:center;gap:8px;padding:3px 0}.standings .who{flex:1 1 auto}.standings .where{color:var(--muted);font-variant-numeric:tabular-nums}.badge{color:#12151c;background:var(--lateral);border-radius:4px;padding:0 5px;font-size:11px;font-weight:700}button{font:inherit;color:var(--text);background:#2a3244;border:1px solid var(--edge);border-radius:8px;padding:9px 14px;cursor:pointer}button:hover{background:#343e54}button.primary{background:var(--accent);color:#0d1016;border-color:transparent;font-weight:600}button.primary:hover{filter:brightness(1.08)}.win{margin-top:16px;padding:14px;border-radius:10px;background:#1f3b2c;border:1px solid var(--lateral)}.win strong{display:block;font-size:17px;margin-bottom:6px}.setup{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:32px;max-width:460px}.setup-card p{color:var(--muted)}.counts{display:flex;gap:10px;margin:20px 0 24px}.counts button{flex:1 1 0;padding:14px 0;font-size:17px;font-weight:600}.counts button[aria-pressed=true]{background:var(--accent);color:#0d1016;border-color:transparent}.rules{font-size:13px;color:var(--muted)}.rules li{margin-bottom:5px}@media (max-width: 900px){.layout{flex-direction:column;padding:14px;gap:14px}.panel{flex:1 1 auto;width:100%}#board{max-width:100%}}