.disc--amber{background:var(--color-accent);border:3px solid var(--color-accent-strong)}.disc--walnut{background:var(--board-square-dark);border:3px solid var(--board-frame)}.seat-row{display:grid;grid-template-columns:18px 1fr auto;gap:var(--space-2);align-items:center}.seat-row .seg{min-width:160px}@media (max-width: 420px){.seat-row{grid-template-columns:18px 1fr}.seat-row .seg{grid-column:2}}.board-wrap{display:grid;justify-items:center;gap:var(--space-3)}.ludo-dice{display:flex;justify-content:center}.ludo-roll{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 8px;border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-weight:600}.ludo-roll:not([disabled]){border-color:var(--color-accent);color:var(--color-accent)}.ludo-roll[disabled]{cursor:default;color:var(--color-text-muted)}.ludo-die{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:2.4rem;line-height:1}.ludo-die--empty:before{content:"?";font-family:var(--font-heading);font-size:1.3rem;color:var(--color-text-muted)}.ludo-roll--light .ludo-die{background:var(--piece-light-fill);color:var(--piece-dark-fill)}.ludo-roll--dark .ludo-die{background:var(--piece-dark-fill);color:var(--piece-light-fill)}.ludo-roll--amber .ludo-die{background:var(--color-accent);color:var(--color-accent-contrast)}.ludo-roll--walnut .ludo-die{background:var(--board-square-dark);color:var(--piece-light-fill)}.ludo{display:grid;grid-template-columns:repeat(15,1fr);gap:1px;width:100%;max-width:clamp(300px,calc(100vh - 300px),540px);aspect-ratio:1;background:var(--board-frame);border:3px solid var(--board-frame);border-radius:var(--radius-md);overflow:hidden;user-select:none;-webkit-user-select:none}.cell{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:var(--board-square-light)}.cell--track{background:var(--board-square-light)}.cell--safe:after{content:"";width:40%;height:40%;border-radius:50%;border:2px solid var(--board-frame-text);opacity:.8}.cell--centre{background:var(--board-square-dark)}.cell--base.cell--light,.cell--column.cell--light,.cell--start.cell--light{background:color-mix(in srgb,var(--piece-light-fill) 70%,var(--board-square-light))}.cell--base.cell--dark,.cell--column.cell--dark,.cell--start.cell--dark{background:color-mix(in srgb,var(--piece-dark-fill) 45%,var(--board-square-light))}.cell--base.cell--amber,.cell--column.cell--amber,.cell--start.cell--amber{background:color-mix(in srgb,var(--color-accent) 55%,var(--board-square-light))}.cell--base.cell--walnut,.cell--column.cell--walnut,.cell--start.cell--walnut{background:color-mix(in srgb,var(--board-square-dark) 60%,var(--board-square-light))}.cell--spot:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:var(--board-square-light)}.cell--idle{opacity:.45}.cell.last{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:1}.token{position:relative;width:78%;height:78%;padding:0;border-radius:50%;border:2px solid var(--board-frame);z-index:2}.token:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%}.token[disabled]{cursor:default}.token--light{background:var(--piece-light-fill);border-color:var(--piece-light-ring)}.token--dark{background:var(--piece-dark-fill);border-color:var(--piece-dark-ring)}.token--amber{background:var(--color-accent);border-color:var(--color-accent-strong)}.token--walnut{background:var(--board-square-dark);border-color:var(--board-frame)}.token.movable{outline:3px solid var(--color-accent);outline-offset:1px;z-index:3}.token:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;z-index:4}.cell:has(.token+.token) .token{width:48%;height:48%}.cell--spot .token{width:66%;height:66%}.ludo-log{width:100%;max-width:540px;margin:0;padding:0;list-style:none;display:grid;gap:2px;font-size:.85rem;color:var(--color-text-muted);max-height:7.5em;overflow-y:auto}.ludo-log li{display:flex;align-items:center;gap:8px}.ludo-log .disc{width:12px;height:12px;border-width:2px}@media (max-width: 420px){.token{border-width:1px}.token.movable{outline-width:2px}.cell.last{outline-width:2px;outline-offset:-2px}}