.mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mode-tabs [role=tab]{min-height:44px;padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);color:var(--text);font:inherit;cursor:pointer}
.mode-tabs [role=tab][aria-selected=true]{border-color:var(--accent);background:#edf3ff;color:var(--accent);font-weight:700}
.mode-tabs [role=tab]:focus-visible,#panel-dice button:focus-visible,#panel-coin button:focus-visible,#panel-roulette button:focus-visible,#panel-ladder button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[role=tabpanel][hidden]{display:none}
[role=tabpanel]+[role=tabpanel],.mode-tabs+[role=tabpanel]{margin-top:0}
#panel-dice .input-row{display:flex;gap:12px;flex-wrap:wrap}
#panel-dice .input-row .field{flex:1 1 140px;min-width:0}
#panel-dice input,#panel-coin input,#panel-ladder select{min-height:44px;box-sizing:border-box;max-width:100%}
.game-result{display:grid;gap:12px}
.big-number{margin:0;font-size:1.6rem;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chip-list li{min-width:44px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface,#fff);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.chip-list li.is-active{border-color:var(--accent);background:#edf3ff;box-shadow:inset 0 0 0 2px var(--accent)}
.chip-list li.is-result{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}
.ladder-board{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px}
.ladder-board svg{display:block;margin:0 auto;max-width:none;height:auto;direction:ltr;unicode-bidi:isolate}
.ladder-board text{font-size:12px;fill:#1f2937}
.ladder-table{width:100%;border-collapse:collapse}
.ladder-table caption{text-align:start;color:var(--muted);margin-bottom:8px}
.ladder-table th,.ladder-table td{text-align:start;padding:8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.swatch{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:8px;vertical-align:middle}
@media (prefers-reduced-motion:reduce){.chip-list li{transition:none}}