.p0{--ccc:var(--bad)}.p1{--ccc:var(--info)}.p2{--ccc:var(--good)}.p3{--ccc:var(--sun)}.cc-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cc-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}.cc-players li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cc-players li.done{opacity:.6}.cc-players i{background:var(--ccc);border:1.5px solid var(--ink);border-radius:3px;width:12px;height:12px}.cc-players b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:14px}.cc-players span{font-family:var(--f-mono);font-size:15px;font-weight:700}.cc-board{background:var(--line);border:2px solid var(--ink);touch-action:manipulation;border-radius:6px;gap:1px;width:100%;max-width:520px;margin:0 auto;padding:2px;display:grid}.cc-board.s14{max-width:430px}.cc-cell{aspect-ratio:1;background:var(--surface);cursor:pointer;position:relative}.cc-cell[class*=\ p]{background:var(--ccc)}.cc-cell.fresh{box-shadow:inset 0 0 0 2px var(--ink)}.cc-cell.start:after{content:"";border:2px solid var(--ccc);border-radius:50%;position:absolute;inset:25%}.cc-cell.start.s0{--ccc:var(--bad)}.cc-cell.start.s1{--ccc:var(--info)}.cc-cell.start.s2{--ccc:var(--good)}.cc-cell.start.s3{--ccc:var(--sun)}.cc-cell.hint:after{content:"";background:var(--muted);border-radius:50%;position:absolute;inset:36%}.cc-cell.ghost{background:color-mix(in srgb,var(--accent)55%,var(--surface));box-shadow:inset 0 0 0 2px var(--ink)}.cc-cell.ghost.bad{background:color-mix(in srgb,var(--bad)30%,var(--surface));box-shadow:inset 0 0 0 2px var(--bad)}.cc-ctrl{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.cc-nudge{gap:4px;display:inline-flex}.cc-nudge .btn{justify-content:center;min-width:36px}.cc-note{text-align:center;margin:0;font-size:13px}.cc-tray{--cc-u:9px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;margin:0 auto;display:flex}.cc-piece{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:52px;min-height:52px;padding:5px;display:flex}.cc-piece.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);--cc-u:11px}.cc-piece:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cc-shape{gap:1px;display:inline-grid}.cc-shape i{width:var(--cc-u);height:var(--cc-u);background:var(--ccc);border:1px solid var(--ink);border-radius:2px;display:block}.cc-log{text-align:center;flex-direction:column;gap:2px;max-width:440px;margin:0 auto;padding:0;font-size:13px;list-style:none;display:flex}.cc-log li:not(:first-child){color:var(--muted)}