.cb-wrap{width:100%;height:100%;user-select:none;-webkit-user-select:none;touch-action:none}.cb-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:1px solid #333;box-sizing:border-box}.cb-square{position:relative;display:flex;align-items:center;justify-content:center;font-family:"DejaVu Sans","Arial Unicode MS",sans-serif;font-size:clamp(24px,7vw,64px);line-height:1;cursor:pointer}.cb-light{background:#f0d9b5}.cb-dark{background:#b58863}.cb-piece{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;cursor:grab;line-height:1}.cb-piece:active{cursor:grabbing}.cb-piece[data-piece^="w"]{color:#fff;text-shadow:0 0 1px #000,1px 1px 1px #000,-1px -1px 1px #000}.cb-piece[data-piece^="b"]{color:#111;text-shadow:0 0 1px #fff}.cb-dragging{opacity:.55}.cb-selected{outline:3px solid rgba(255,215,0,.8);outline-offset:-3px}
.square-55d63{position:relative;box-sizing:border-box;} .cb-drag-source{opacity:.55;} .cb-drag-target{outline:2px solid rgba(255,215,0,.8);outline-offset:-2px;} .cb-drag-ghost{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;} .cb-square img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}