.cc-pl0{--c: var(--p1)}.cc-pl1{--c: var(--p3)}.cc-pl2{--c: var(--p4)}.cc-pl3{--c: var(--p2)}.cc-pl4{--c: color-mix(in srgb, var(--p1) 45%, var(--p3))}.cc-pl5{--c: color-mix(in srgb, var(--p3) 35%, var(--p4))}.cc-banner{display:flex;align-items:center;justify-content:center;gap:8px}.cc-board{width:100%;max-width:600px;height:auto;display:block;touch-action:none}.cc-star-shape{fill:var(--surface-2);stroke:var(--cell-line);stroke-width:3;stroke-linejoin:round}.cc-hole{fill:var(--cell);stroke:var(--cell-line);stroke-width:2.5;transition:fill .15s}.cc-hole.cc-target{fill:var(--hl);stroke:var(--accent);stroke-width:3}.cc-tint{fill:color-mix(in srgb,var(--c) 22%,transparent)}.cc-goal{fill:none;stroke:var(--c);stroke-width:2;stroke-dasharray:4 4;opacity:.7}.cc-trail-line{fill:none;stroke:var(--c);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 8;opacity:.75}.cc-peg{transition:transform .16s ease-out;pointer-events:none}.cc-peg.cc-dragging{transition:none}.cc-peg-shadow{fill:#00000047}.cc-peg-body{fill:var(--c);stroke:color-mix(in srgb,var(--c) 60%,#000);stroke-width:2}.cc-peg-shine{fill:#ffffff73}.cc-peg.cc-selected .cc-peg-body,.cc-peg.cc-dragging .cc-peg-body{stroke:var(--text);stroke-width:4}.cc-peg.cc-moving{filter:drop-shadow(0 4px 4px rgb(0 0 0 / .3))}.cc-hit{fill:transparent}.cc-hit.cc-active{cursor:pointer}.cc-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:.88rem;color:var(--muted)}.cc-leg{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px}.cc-leg-turn{background:var(--accent-soft);color:var(--text);font-weight:600}.cc-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;flex:none;background:var(--c);box-shadow:inset 0 -2px #0003}