.page{--cb-board: #E9CFA0;--cb-frame: #1F4D33;--cb-pocket: #2A2119;--cb-line: rgba(35, 28, 22, .55);--cb-dot: #B7361F;--cb-white: #FFF6E3;--cb-white-rim: #B9A27A;--cb-black: #231C16;--cb-black-rim: #4E4038;--cb-queen: #B7361F;--cb-queen-rim: #7A2213;--cb-striker: #FFFBF4;--cb-striker-rim: #231C16;--cb-aim: rgba(35, 28, 22, .7);--cb-band: #B7361F;--cb-bad: #B7361F;--cb-meter: #DDB36A;--piece-light-fill: var(--cb-white);--piece-light-ring: var(--cb-white-rim);--piece-dark-fill: var(--cb-black);--piece-dark-ring: var(--cb-black-rim)}.board-wrap{display:flex;justify-content:center}.cb{width:100%;max-width:clamp(288px,calc(100vh - 230px),520px);aspect-ratio:1;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;user-select:none;-webkit-user-select:none}.cb-canvas{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair}.cb-canvas:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}@media (max-width: 420px){.cb{border-radius:var(--radius-md)}}