.page{--ckr-square-dark-hover: #CFA651;--ckr-coord: #FFFFFF;--ckr-gold: #E3B23C;--ckr-accent: #C3261C;--ckr-accent-soft: rgba(195, 38, 28, .22)}.board-wrap{display:flex;justify-content:center}.board{display:grid;grid-template-columns:22px repeat(8,1fr);grid-template-rows:22px repeat(8,1fr);gap:2px;background:var(--board-frame);padding:0 var(--space-2) var(--space-2) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:100%;max-width:clamp(300px,calc(100vh - 230px),520px);user-select:none;-webkit-user-select:none}.board--locked .square{cursor:default}.coord{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--ckr-coord)}.square{aspect-ratio:1;border:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.square.light{background:var(--board-square-light)}.square.dark{background:var(--board-square-dark)}.board:not(.board--locked) .square.dark:hover{background:var(--ckr-square-dark-hover)}.square.last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ckr-accent-soft)}.square.selected{outline:3px solid var(--ckr-accent);outline-offset:-3px;z-index:1}.square:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.piece{width:76%;height:76%;border-radius:50%;box-sizing:border-box;position:relative;z-index:2;box-shadow:0 2px 3px #231c1659}.piece--light{background:var(--piece-light-fill);border:4px solid var(--piece-light-ring)}.piece--dark{background:var(--piece-dark-fill);border:4px solid var(--piece-dark-ring)}.square.movable .piece{box-shadow:0 0 0 3px var(--ckr-accent),0 2px 3px #231c1659}.piece.gone{z-index:1;pointer-events:none;animation:ckr-gone .7s var(--ease) forwards}.gone--light{background:var(--piece-light-fill);border:4px solid var(--piece-light-ring)}.gone--dark{background:var(--piece-dark-fill);border:4px solid var(--piece-dark-ring)}.piece.crowned:after{animation:rh-pop .32s var(--ease) .22s both}.piece--king:after{content:"♚";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,3.4vw,1.15rem);line-height:1;color:var(--ckr-gold);-webkit-text-stroke:.5px var(--piece-dark-fill)}@keyframes ckr-gone{0%,50%,to{box-shadow:0 0 0 0 transparent}25%,75%{box-shadow:0 0 0 4px var(--ckr-accent)}85%{opacity:1;transform:none}to{opacity:0;transform:scale(.5)}}.legal-dot{width:26%;height:26%;border-radius:50%;background:var(--ckr-accent);box-shadow:0 0 0 4px var(--ckr-accent-soft);position:absolute;z-index:1}@media (max-width: 420px){.board{grid-template-columns:16px repeat(8,1fr);grid-template-rows:16px repeat(8,1fr);padding:0 6px 6px 0;border-radius:var(--radius-sm)}.coord{font-size:.6rem}.piece--light,.piece--dark{border-width:3px}.square.movable .piece{box-shadow:0 0 0 2px var(--ckr-accent),0 2px 3px #231c1659}}.variant{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.variant .help{margin:0}