.sl{--sl-snake: color-mix(in srgb, var(--p4) 78%, var(--text) 22%);--sl-snake-2: color-mix(in srgb, var(--p3) 70%, var(--text) 30%);--sl-snake-3: color-mix(in srgb, var(--p1) 70%, var(--text) 30%);--sl-wood: color-mix(in srgb, var(--warn) 70%, var(--text) 30%)}.sl-banner{display:flex;align-items:center;justify-content:center;gap:8px}.sl-board{width:100%;max-width:600px;height:auto;display:block;touch-action:manipulation}.sl-cell-a{fill:var(--cell)}.sl-cell-b{fill:var(--cell-alt)}.sl-cell-goal{fill:var(--accent-soft)}.sl-frame{fill:none;stroke:var(--cell-strong);stroke-width:6}.sl-num{font:700 22px var(--font);fill:var(--muted)}.sl-goal-mark{font:800 60px var(--font);fill:var(--accent);opacity:.7}.sl-tray{fill:var(--surface-2);stroke:var(--border);stroke-width:2}.sl-tray-label{font:700 26px var(--font);fill:var(--muted)}.sl-rail{stroke:var(--sl-wood);stroke-width:9;stroke-linecap:round}.sl-rung{stroke:var(--sl-wood);stroke-width:7;stroke-linecap:round;opacity:.85}.sl-snake{--c: var(--sl-snake)}.sl-snake-1{--c: var(--sl-snake-2)}.sl-snake-2{--c: var(--sl-snake-3)}.sl-snake-body{fill:none;stroke:var(--c);stroke-linecap:round;opacity:.92}.sl-snake-belly{fill:none;stroke:color-mix(in srgb,var(--c) 45%,#fff 55%);stroke-linecap:round}.sl-snake-head{fill:var(--c)}.sl-snake-eye{fill:var(--surface)}.sl-snake-tail{fill:var(--c)}.sl-token{transition:transform .15s ease-out}.sl-token-shadow{fill:#00000040}.sl-token-body{stroke:var(--surface);stroke-width:5}.sl-token-dot{fill:#ffffff8c}.sl-p1 .sl-token-body,.sl-swatch.sl-p1{fill:var(--p1);background:var(--p1)}.sl-p2 .sl-token-body,.sl-swatch.sl-p2{fill:var(--p2);background:var(--p2)}.sl-p3 .sl-token-body,.sl-swatch.sl-p3{fill:var(--p3);background:var(--p3)}.sl-p4 .sl-token-body,.sl-swatch.sl-p4{fill:var(--p4);background:var(--p4)}.sl-current .sl-token-body{stroke:var(--text);stroke-width:6}.sl-swatch{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 -2px #0003}.sl-controls{display:flex;align-items:center;gap:14px;width:100%;max-width:600px}.sl-side{display:grid;gap:6px;flex:1;min-width:0}.sl-roll{justify-self:start;min-width:110px}.sl-log{font-size:.92rem;color:var(--muted);min-height:2.8em}.sl-die{flex:none}.sl-die:disabled{cursor:default;opacity:.8}.sl-nopip{display:block}.sl-seats{display:grid;gap:10px}.sl-seat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-weight:600}