.ck{--ck-light: #ece6da;--ck-dark: #71819e;--ck-p1: #262b36;--ck-p2: #f4efe4;width:100%}.ck-banner{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.ck-forced{color:var(--warn);font-weight:700}.ck-chip{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.15em;box-shadow:0 0 0 1px #00000059}.ck-chip.p1{background:var(--ck-p1)}.ck-chip.p2{background:var(--ck-p2)}.ck-info{min-height:1.3em;font-size:.85rem;color:var(--muted);text-align:center}.ck-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(540px,100%);aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 0 0 4px var(--cell-strong),var(--shadow);touch-action:manipulation}.ck-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0}.ck-cell.light{background:var(--ck-light)}.ck-cell.dark{background:var(--ck-dark);cursor:pointer}.ck-cell.last:before{content:"";position:absolute;inset:0;background:var(--hl);opacity:.45}.ck-cell.sel:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:.45}.ck-cell.target:after{content:"";position:absolute;width:32%;height:32%;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 3px var(--accent);z-index:3;pointer-events:none}.ck-cell.movable .ck-piece{box-shadow:0 0 0 3px var(--hl),inset 0 -4px #00000040,0 3px 4px #00000059}.ck-piece{position:relative;z-index:2;width:78%;height:78%;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 -4px #00000040,0 3px 4px #00000059;will-change:transform}.ck-piece:before{content:"";position:absolute;inset:16%;border-radius:50%;border:2px solid rgb(255 255 255 / .18)}.ck-piece.p1{background:radial-gradient(circle at 35% 30%,#4a5163,var(--ck-p1) 62%)}.ck-piece.p2{background:radial-gradient(circle at 35% 30%,#fff,var(--ck-p2) 58%,#d6cfbf)}.ck-piece.p2:before{border-color:#0000001f}.ck-piece.taken{opacity:.35}.ck-crown{font-size:clamp(.8rem,5cqi,1.6rem);font-size:min(5.5vw,1.6rem);line-height:1;color:#e9b949;text-shadow:0 1px 1px rgb(0 0 0 / .5);z-index:1}.ck-piece.p2 .ck-crown{color:#b7811a;text-shadow:none}