.chl-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chl-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.chl-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.chl-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.chl-players b{font-family:var(--f-word);font-size:15px}.chl-players small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.chl-goal{text-align:center;margin:6px 0}.chl-board{aspect-ratio:1;background:#1f5e3a;border-radius:8px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,560px);margin:0 auto;padding:4px;display:grid}.chl-sq{color:#1d1d1d;font:inherit;background:#fbf8f0;border:0;border-radius:3px;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.chl-sq.red{color:#b3261e}.chl-sq.free{background:#e8c75a}button.chl-sq{cursor:pointer}.chl-face{font-family:var(--f-word);flex-direction:column;align-items:center;font-size:clamp(10px,2.6vw,15px);font-weight:700;line-height:1;display:flex}.chl-face small{font-size:1em}.chl-star{color:#7a5a10;font-size:clamp(14px,4vw,24px)}.chl-chip{border:2px solid #00000059;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 0 3px #ffffff59,0 1px 2px #0006}.chl-chip.t0{background:#2f6fd1}.chl-chip.t1{background:#d0453b}.chl-chip.t2{background:#2e9a52}.chl-chip.small{width:18px;height:18px;display:inline-block;position:static}.chl-sq.line .chl-chip{border-width:3px;border-color:#e8c75a}.chl-sq.to{z-index:1;box-shadow:0 0 0 3px #e8c75a}.chl-sq.to:not(:has(.chl-chip)):after{content:"";aspect-ratio:1;opacity:.75;background:#1d8556;border-radius:50%;width:34%;position:absolute}.chl-sq.hint{opacity:.55}.chl-sq.last{outline-offset:-2px;outline:2px dashed #2a6fb0}.chl-hand{--crd-w:56px}.crd.chl-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);transform:translateY(-8px)}.crd.chl-dead{opacity:.6}@media (max-width:420px){.chl-hand{--crd-w:46px}}