.ck-board{border-radius:var(--r-lg);background:var(--g-frame);width:100%;height:100%;box-shadow:var(--shadow-2);padding:clamp(4px,1.7%,12px);position:relative;container-type:size}.ck-grid{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;position:relative}.ck-row{grid-template-columns:repeat(8,minmax(0,1fr));min-height:0;display:grid}.ck-sq{min-width:0;min-height:0;display:grid;position:relative}.ck-sq[data-light]{background:var(--g-square-light)}.ck-sq[data-dark]{background:var(--g-square-dark)}.ck-sq[data-last]{background:var(--g-last-square)}.ck-sq[data-anim]{z-index:2}.ck-row:first-child>.ck-sq:first-child{border-top-left-radius:var(--r-xs)}.ck-row:first-child>.ck-sq:last-child{border-top-right-radius:var(--r-xs)}.ck-row:last-child>.ck-sq:first-child{border-bottom-left-radius:var(--r-xs)}.ck-row:last-child>.ck-sq:last-child{border-bottom-right-radius:var(--r-xs)}.ck-cell{border-radius:inherit;width:100%;height:100%;color:inherit;cursor:default;touch-action:manipulation;background:0 0;border:0;padding:0;display:block;position:relative}.ck-board[data-interactive] .ck-cell[data-movable]{cursor:grab;touch-action:none}.ck-board[data-interactive] .ck-cell[data-target]{cursor:pointer}.ck-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--g-select), inset 0 0 0 5px var(--g-shadow);outline:none}.ck-coords{pointer-events:none;position:absolute;inset:0}.ck-coord{font-size:max(8px,2.3cqmin);font-weight:var(--fw-semibold);color:var(--g-coord-on-light);pointer-events:none;line-height:1;position:absolute}.ck-sq[data-dark] .ck-coord{color:var(--g-coord-on-dark)}.ck-sq[data-last] .ck-coord{color:var(--g-coord-on-last)}.ck-coord--rank{top:6%;left:7%}.ck-coord--file{bottom:5%;right:8%}.ck-piece-wrap{pointer-events:none;transition:transform var(--dur-2) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.ck-piece{width:84%;height:84%;overflow:visible}.ck-piece[data-side=black]{--pc-body:var(--g-black-body);--pc-edge:var(--g-black-edge);--pc-groove:var(--g-black-groove);--pc-shine:var(--g-black-shine)}.ck-piece[data-side=red]{--pc-body:var(--g-red-body);--pc-edge:var(--g-red-edge);--pc-groove:var(--g-red-groove);--pc-shine:var(--g-red-shine)}.ck-piece__shadow{fill:var(--g-shadow);opacity:.32}.ck-piece__body{fill:var(--pc-body);stroke:var(--pc-edge);stroke-width:5px}.ck-piece__groove{fill:none;stroke:var(--pc-groove);stroke-width:4px}.ck-piece__shine{fill:none;stroke:var(--pc-shine);stroke-width:5px;stroke-linecap:round}.ck-piece__crown{fill:var(--g-crown);stroke:var(--pc-edge);stroke-width:2.5px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.kit-badge__chip .ck-piece,.kit-setup__chip .ck-piece{width:88%;height:88%}.ck-count{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-lg);display:inline-flex}.ck-count__kings{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:2px;display:inline-flex}.ck-crown{fill:currentColor;width:16px;height:16px}.ck-cell:after{content:"";pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:5%}.ck-cell[data-selected]:after{opacity:1;box-shadow:inset 0 0 0 max(3px, .6cqmin) var(--g-select), inset 0 0 0 max(4.5px, .85cqmin) var(--g-shadow);inset:2%}.ck-cell[data-selected] .ck-piece-wrap{transform:scale(.92)}.ck-cell[data-must]:after{opacity:1;border:2.5px dashed var(--g-select);inset:3%}.ck-target{aspect-ratio:1;background:var(--g-target);width:30%;box-shadow:0 0 0 2px var(--g-shadow);pointer-events:none;transition:transform var(--dur-1) var(--ease);animation:ck-appear var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ck-cell[data-target=final] .ck-target{border:3px solid var(--g-target);width:46%;box-shadow:0 0 0 2px var(--g-shadow), inset 0 0 0 2px var(--g-shadow);background:0 0}@media (hover:hover){.ck-board[data-interactive] .ck-cell[data-target]:hover .ck-target{transform:translate(-50%,-50%)scale(1.25)}.ck-board[data-interactive] .ck-cell[data-movable]:not([data-selected]):hover .ck-piece-wrap{transform:translateY(-3%)scale(1.03)}}.ck-cell[data-path]:after{opacity:1;background:var(--g-select);box-shadow:0 0 0 2px var(--g-shadow);inset:34%}.ck-cell[data-capture] .ck-piece-wrap{opacity:.42}.ck-preview{opacity:.7}.ck-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ck-route polyline{fill:none;stroke:var(--g-select);stroke-width:.08px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.16 .12}.ck-piece-wrap[data-dragging]{z-index:3;filter:drop-shadow(0 6px 6px var(--g-shadow));transition:none}.ck-piece-wrap[data-pulse="0"]{animation:ck-pulse-a var(--dur-3) var(--ease-out) 2}.ck-piece-wrap[data-pulse="1"]{animation:ck-pulse-b var(--dur-3) var(--ease-out) 2}.ck-ghost{opacity:0}.ck-cell[data-lost] .ck-piece-wrap{opacity:.55}@keyframes ck-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@keyframes ck-pulse-a{50%{transform:translateY(-8%)scale(1.08)}}@keyframes ck-pulse-b{50%{transform:translateY(-8%)scale(1.08)}}.ck-hint-layer{place-items:start center;padding-top:9%;display:grid;position:absolute;inset:0;pointer-events:none!important}.ck-hint{max-width:90%;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);font-weight:var(--fw-semibold);text-align:center;animation:ck-hint var(--dur-3) var(--ease-out);margin:0}@keyframes ck-hint{0%{opacity:0;transform:translateY(-8px)scale(.96)}}
