.g-snakes-and-ladders{--sl-c0:#f3ead2;--sl-c1:#e3efd6;--sl-start:#cfe3f5;--sl-goal:#f6dd8a;--sl-frame:#5b6a60;--sl-num:#4a524e;--sl-numhalo:rgba(255,255,255,.75);--sl-lane:#e9e5da;--sl-lanetxt:#6c746f;--sl-rail-d:#5a3a1c;--sl-rail-l:#cf9650;--sl-star:#e0a21b;--sl-t0:#e4572e;--sl-t1:#2e86de;--sl-t2:#f2c14e;--sl-t3:#8e44ad;container-type:inline-size;width:100%}:root[data-theme=dark] .g-snakes-and-ladders{--sl-c0:#2d3a33;--sl-c1:#26332d;--sl-start:#2a4258;--sl-goal:#5b4b1c;--sl-frame:#8a978f;--sl-num:#c3cac6;--sl-numhalo:rgba(20,24,22,.8);--sl-lane:#252b28;--sl-lanetxt:#949c97;--sl-rail-d:#1e1209;--sl-rail-l:#c28a48}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-snakes-and-ladders{--sl-c0:#2d3a33;--sl-c1:#26332d;--sl-start:#2a4258;--sl-goal:#5b4b1c;--sl-frame:#8a978f;--sl-num:#c3cac6;--sl-numhalo:rgba(20,24,22,.8);--sl-lane:#252b28;--sl-lanetxt:#949c97;--sl-rail-d:#1e1209;--sl-rail-l:#c28a48}}.g-snakes-and-ladders .sl-main{--sl-cap:640px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start;justify-content:center}.g-snakes-and-ladders .sl-boardwrap{position:relative;width:100%;max-width:min(640px,var(--sl-cap));margin:0 auto;border-radius:10px;box-shadow:var(--shadow)}.g-snakes-and-ladders .sl-svg{display:block;width:100%;height:100%;border-radius:10px}.g-snakes-and-ladders .sl-c0{fill:var(--sl-c0)}.g-snakes-and-ladders .sl-c1{fill:var(--sl-c1)}.g-snakes-and-ladders .sl-cstart{fill:var(--sl-start)}.g-snakes-and-ladders .sl-cgoal{fill:var(--sl-goal)}.g-snakes-and-ladders .sl-star{fill:var(--sl-star);opacity:.85}.g-snakes-and-ladders .sl-frame{fill:none;stroke:var(--sl-frame);stroke-width:.6}.g-snakes-and-ladders .sl-lane{fill:var(--sl-lane);stroke:var(--sl-frame);stroke-width:.3}.g-snakes-and-ladders .sl-lanetxt{fill:var(--sl-lanetxt);font-size:3px;text-anchor:middle;font-family:var(--font)}.g-snakes-and-ladders .sl-num{fill:var(--sl-num);font-size:2.4px;font-weight:600;font-family:var(--font);stroke:var(--sl-numhalo);stroke-width:.55px;paint-order:stroke;stroke-linejoin:round}.g-snakes-and-ladders .sl-rail{stroke-linecap:round}.g-snakes-and-ladders .sl-ld line{stroke:var(--sl-rail-d);stroke-width:1.2;stroke-linecap:round}.g-snakes-and-ladders .sl-ll line{stroke:var(--sl-rail-l);stroke-width:.6;stroke-linecap:round}.g-snakes-and-ladders .sl-ld line:not(.sl-rail){stroke-width:1}.g-snakes-and-ladders .sl-ll line:not(.sl-rail){stroke-width:.45}.g-snakes-and-ladders .sl-sbody{stroke:rgba(0,0,0,.45);stroke-width:.35;stroke-linejoin:round}.g-snakes-and-ladders .sl-sbelly{fill:none;stroke:rgba(255,255,255,.5);stroke-width:.8;stroke-dasharray:1 1.5;stroke-linecap:round}.g-snakes-and-ladders .sl-tongue{fill:none;stroke:#d62839;stroke-width:.4;stroke-linecap:round;stroke-linejoin:round}.g-snakes-and-ladders .sl-toks{position:absolute;inset:0;pointer-events:none;container-type:inline-size}.g-snakes-and-ladders .sl-tok{position:absolute;width:4.8%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;font:800 2.7cqw/1 var(--font);color:#fff;border:.45cqw solid #fff;box-shadow:0 .4cqw .9cqw rgba(0,0,0,.45);z-index:3}.g-snakes-and-ladders .sl-tok.is-moving{z-index:5}.g-snakes-and-ladders .sl-t0{background:var(--sl-t0)}.g-snakes-and-ladders .sl-t1{background:var(--sl-t1)}.g-snakes-and-ladders .sl-t2{background:var(--sl-t2);color:#1d2320}.g-snakes-and-ladders .sl-t3{background:var(--sl-t3)}.g-snakes-and-ladders .sl-side{display:grid;gap:10px;min-width:0;align-content:start}.g-snakes-and-ladders .sl-rollrow{display:flex;align-items:center;gap:14px}.g-snakes-and-ladders .sl-die{flex:none;width:58px;height:58px;position:relative}.g-snakes-and-ladders .sl-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:11%;border-radius:16%;background:linear-gradient(145deg,#fff,#e9e5da);box-shadow:0 2px #b9b3a3,0 4px 8px rgba(0,0,0,.28)}.g-snakes-and-ladders .sl-pip{place-self:center;width:78%;aspect-ratio:1;border-radius:50%;background:0 0}.g-snakes-and-ladders .sl-pip.on{background:radial-gradient(circle at 35% 30%,#555,#111)}.g-snakes-and-ladders .sl-die.is-blank .sl-face{opacity:.55}@media(prefers-reduced-motion:no-preference){.g-snakes-and-ladders .sl-die.is-rolling .sl-face{animation:sl-shake .35s ease-in-out}}@keyframes sl-shake{0%{transform:rotate(0)}25%{transform:rotate(-16deg)translateY(-4px)}55%{transform:rotate(14deg)}80%{transform:rotate(-6deg)}100%{transform:rotate(0)}}.g-snakes-and-ladders .sl-roll{flex:1;min-height:52px;font-size:1.1rem;background:var(--gold);border-color:var(--gold);color:#1d2320}.g-snakes-and-ladders .sl-roll:hover{background:#f7d072}.g-snakes-and-ladders .sl-roll.is-off{opacity:.55;cursor:default}.g-snakes-and-ladders .sl-roll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-snakes-and-ladders .sl-players{list-style:none;margin:0;padding:0;display:grid;gap:6px}.g-snakes-and-ladders .sl-pl{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"chip name seat" "chip pos seat";column-gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.g-snakes-and-ladders .sl-pl.is-cur{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:var(--accent-soft)}.g-snakes-and-ladders .sl-pl.is-win{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.g-snakes-and-ladders .sl-chip{grid-area:chip;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-weight:800;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4);flex:none}.g-snakes-and-ladders .sl-chip.sm{width:20px;height:20px;font-size:.72rem;border-width:1.5px}.g-snakes-and-ladders .sl-chip.sl-t2{color:#1d2320}.g-snakes-and-ladders .sl-pname{grid-area:name;font-weight:700;line-height:1.2}.g-snakes-and-ladders .sl-ppos{grid-area:pos;font-size:.82rem;color:var(--muted);line-height:1.2}.g-snakes-and-ladders .sl-seat{grid-area:seat;min-height:36px;font-size:.85rem;padding:4px 10px}.g-snakes-and-ladders .sl-logtitle{margin:4px 0 0;font-size:.9rem;color:var(--muted);font-weight:600}.g-snakes-and-ladders .sl-log{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.88rem}.g-snakes-and-ladders .sl-log li{display:flex;gap:8px;align-items:flex-start;padding:5px 8px;border-bottom:1px solid var(--line)}.g-snakes-and-ladders .sl-log li:last-child{border-bottom:0}.g-snakes-and-ladders .sl-log li>.sl-chip{margin-top:1px}.g-snakes-and-ladders .sl-log li.is-ladder{background:rgba(31,111,92,.12)}.g-snakes-and-ladders .sl-log li.is-snake{background:rgba(192,57,43,.12)}.g-snakes-and-ladders .sl-logempty{color:var(--muted)}@container(min-width:760px){.g-snakes-and-ladders .sl-main { grid-template-columns: minmax(0, min(640px, var(--sl-cap))) minmax(260px, 320px); }
  .g-snakes-and-ladders .sl-log { max-height: 240px; }
}@container(max-width:759px){.g-snakes-and-ladders .sl-rollrow { position: sticky; bottom: 6px; z-index: 6; padding: 8px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
}.game:has(.g-snakes-and-ladders) .game__overlay{place-items:start center}.game:has(.g-snakes-and-ladders) .game__card{position:sticky;top:72px;margin-top:12px}