.d0{--ddc:var(--bad)}.d1{--ddc:var(--info)}.d2{--ddc:var(--good)}.d3{--ddc:var(--sun)}.d4{--ddc:color-mix(in srgb,var(--bad)50%,var(--info))}.d5{--ddc:color-mix(in srgb,var(--good)50%,var(--info))}.d6{--ddc:var(--accent)}.d7{--ddc:var(--ink)}.dd-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dd-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:6px;padding:3px 10px;display:flex}.dd-players li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.dd-players li.win{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.dd-players li.out{opacity:.5}.dd-players i{background:var(--ddc);border:1.5px solid var(--ink);border-radius:50%;width:12px;height:12px}.dd-players b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:14px}.dd-players small{font-family:var(--f-mono);color:var(--muted);font-size:11px}.dd-pond{width:100%;max-width:520px;margin:0 auto;display:block}.dd-water{fill:color-mix(in srgb,var(--info)22%,var(--surface));stroke:var(--ink);stroke-width:3px}.dd-empty{fill:color-mix(in srgb,var(--info)10%,var(--surface));stroke:color-mix(in srgb,var(--info)30%,var(--surface));stroke-width:1.5px;stroke-dasharray:6 5}.dd-empty.next{stroke:var(--accent);stroke-width:3px;stroke-dasharray:none}.dd-sq{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.dd-ghost .dd-sq{fill:color-mix(in srgb,var(--accent)22%,var(--surface));stroke:var(--accent);stroke-width:3px}.dd-ghost.bad .dd-sq{fill:color-mix(in srgb,var(--bad)18%,var(--surface));stroke:var(--bad)}.dd-stream{fill:none;stroke:color-mix(in srgb,var(--info)55%,var(--surface));stroke-width:7px;stroke-linecap:round}.dd-trail path{fill:none;stroke:var(--ddc);stroke-width:6px;stroke-linecap:round}.dd-trail.gone path{opacity:.45}.dd-duck circle{fill:var(--ddc);stroke:var(--surface);stroke-width:3px}.dd-duck.on circle{stroke:var(--ink);stroke-width:4px}.dd-duck.gone circle{opacity:.5}.dd-duck text{fill:var(--surface);font:700 16px var(--f-mono);text-anchor:middle;dominant-baseline:middle}.dd-duck.d3 text,.dd-duck.d5 text{fill:var(--ink)}.dd-hand{flex-direction:column;align-items:center;gap:8px;display:flex}.dd-tiles{justify-content:center;gap:10px;display:flex}.dd-pick{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:84px;height:84px;padding:4px;display:flex}button.dd-pick{border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}button.dd-pick:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dd-pick.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.dd-pick.idle{cursor:default;opacity:.8}.dd-tile{width:100%;height:100%}.dd-ctrl{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dd-note{text-align:center;max-width:420px;margin:0;font-size:13px}