.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--ink:#f4f1ea;--btn:#ffffff1f;--btn-on:#ffd54a;--btn-on-ink:#2b2100;--focus:#ffd54a;--dialog:#fdfdfb;--dialog-ink:#16181a;--red:#e53935;--green:#2e9d4f;--yellow:#f2b90f;--blue:#1e6fd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1f2622;--dialog-ink:#eef2ec}}:root[data-theme=dark]{--dialog:#1f2622;--dialog-ink:#eef2ec}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(70% 55% at 50% 40%,#fff4d61f,#0000 70%),linear-gradient(#24402c,#0f1d14);font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.sl{grid-template-rows:auto auto 1fr auto;justify-items:center;gap:6px;height:100dvh;padding:8px 10px 10px;display:grid}.sl-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.group{align-items:center;gap:3px;display:flex}.glabel{opacity:.8;margin-right:3px;font-size:12px}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-width:34px;min-height:34px;padding:7px 12px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0000004d}.btn:disabled{opacity:.5;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn.primary{color:#fff;background:#1d6b3c;font-weight:700}.btn:focus-visible,.sl-dice:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sound-toggle{width:34px;height:34px}.sl-status{text-align:center;text-shadow:0 1px 2px #0009;min-height:1.3em;margin:0;font-weight:700}.sl-msg{opacity:.92;flex:1;align-items:center;min-height:2.6em;margin:0;font-size:13px;display:flex}.sl-stage{place-items:center;width:100%;min-height:0;display:grid;container-type:size}.sl-wrap{--size:min(100cqw, calc(100cqh - 44px), 640px);width:var(--size);grid-template-rows:var(--size) auto;gap:6px;display:grid;position:relative}.sl-board{width:var(--size);height:var(--size);box-shadow:0 0 0 calc(var(--size) * .018) #8a5a2b, 0 0 0 calc(var(--size) * .028) #4a2c14, 0 22px 44px #0009;border-radius:6px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}.sq{position:relative}.sq.t0{background:#fbe7a1}.sq.t1{background:#b9dcf3}.sq.t2{background:#f7c4bd}.sq.t3{background:#b7e4c7}.sq.t4{background:#dccaf0}.sq.c1{filter:brightness(.93)saturate(1.1)}.sq.goal{background:radial-gradient(circle,#fff6c2,#ffd54a)}.sq .num{font-size:calc(var(--size) / 42);color:#281e1499;font-weight:800;position:absolute;top:3%;left:6%}.sl-overlay{width:var(--size);height:var(--size);pointer-events:none;position:absolute;top:0;left:0}.sl-overlay svg{width:100%;height:100%;display:block}.sl-start{align-items:center;gap:10px;height:38px;display:flex}.sl-start .lbl{opacity:.85;font-weight:700}.sl-start .slot{width:calc(var(--size) / 5);background:#ffffff1f;border-radius:17px;height:34px;box-shadow:inset 0 2px 6px #0006}.pawn{width:calc(var(--size) / 18);height:calc(var(--size) / 14);filter:drop-shadow(0 3px 2px #00000080);pointer-events:none;position:absolute;transform:translate(-50%,-62%)}.pawn[hidden]{display:none}.pawn:before{content:"";background:radial-gradient(ellipse at 35% 30%, color-mix(in srgb, var(--p), #fff 45%), var(--p) 55%, color-mix(in srgb, var(--p), #000 40%));border-radius:50% 50% 22% 22%/60% 60% 18% 18%;height:60%;position:absolute;bottom:0;left:8%;right:8%}.pawn:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--p), #fff 60%), var(--p) 55%, color-mix(in srgb, var(--p), #000 35%));border-radius:50%;position:absolute;top:0;left:22%;right:22%}.pawn.red{--p:var(--red)}.pawn.green{--p:var(--green)}.pawn.yellow{--p:var(--yellow)}.pawn.blue{--p:var(--blue)}.pawn.turn{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 3px 2px #00000080)}.sl-footer{align-items:center;gap:14px;width:min(100%,640px);display:flex}.sl-dice{--d:60px;width:var(--d);height:var(--d);cursor:pointer;background:linear-gradient(145deg,#fff,#e8e2d6);border:0;border-radius:14px;flex:none;padding:8px;box-shadow:inset 0 -4px #0000001f,0 6px #b8ae9c,0 10px 18px #00000073}.sl-dice:disabled{cursor:default;filter:saturate(.6)brightness(.85)}.sl-dice.ready{animation:.9s ease-in-out infinite alternate sl-glow}@keyframes sl-glow{to{box-shadow:inset 0 -4px #0000001f,0 6px #b8ae9c,0 0 0 4px #ffd54acc,0 0 22px #ffd54ab3}}.sl-dice.rolling{animation:.33s linear infinite sl-roll}@keyframes sl-roll{50%{transform:rotate(18deg)translateY(-6px)}}.sl-dice .face{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.sl-dice .face i{aspect-ratio:1;border-radius:50%;place-self:center;width:70%}.sl-dice .face i.on{background:radial-gradient(circle at 35% 30%,#555,#111)}.sl-dice[data-color=red] .face i.on{background:radial-gradient(circle at 35% 30%,#ff7b6b,#b71c1c)}.sl-dice[data-color=blue] .face i.on{background:radial-gradient(circle at 35% 30%,#7fb4ff,#0d47a1)}.sl-dice[data-color=green] .face i.on{background:radial-gradient(circle at 35% 30%,#7be08f,#1b5e20)}.sl-dice[data-color=yellow] .face i.on{background:radial-gradient(circle at 35% 30%,#ffe27a,#b07d00)}.overlay{z-index:40;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:1.1s step-end both sl-later}@keyframes sl-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:12px;max-width:340px;padding:20px 24px;display:flex;box-shadow:0 10px 40px #00000073}.dialog h2{margin:0;font-size:20px}@media (max-height:520px){#app.sl{grid-template:"bar stage foot""status stage foot"1fr/1fr auto 1fr;align-items:start;gap:4px 8px;padding:6px 8px}.sl-bar{flex-direction:column;grid-area:bar;align-items:flex-start;max-width:104px}.sl-bar .group{flex-wrap:wrap}.sl-bar .glabel{display:none}.sl-status{text-align:left;grid-area:status;justify-self:start;font-size:12px}.sl-stage{grid-area:stage;width:min(100dvh - 12px,100vw - 210px);height:100%}.sl-footer{flex-direction:column;grid-area:foot;align-self:end;align-items:center;width:auto}.sl-msg{text-align:center;font-size:11px}.btn{min-width:28px;min-height:28px;padding:4px 9px}.sl-dice{--d:50px}.sl-start{height:28px}.sl-start .slot{height:26px}}@media (prefers-reduced-motion:reduce){.sl-dice.ready,.sl-dice.rolling,.overlay.later{animation:none}.pawn{transition:none}}