.page{--ch-light: #EFE6D2;--ch-dark: #79946C;--ch-frame: #2E6146;--ch-accent: #2E6146;--ch-accent-soft: rgba(46, 97, 70, .4);--ch-check: #C3261C;--ch-white: #FFFFFF;--ch-black: #231C16;--piece-light-fill: var(--ch-white);--piece-light-ring: var(--ch-black);--piece-dark-fill: var(--ch-black);--piece-dark-ring: var(--ch-black)}.board-wrap{display:flex;justify-content:center}.board{display:grid;grid-template-columns:22px repeat(8,minmax(0,1fr));grid-template-rows:22px repeat(8,minmax(0,1fr));gap:2px;background:var(--ch-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(--ch-light)}.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(--ch-light)}.square.dark{background:var(--ch-dark)}.square.last{box-shadow:inset 0 0 0 3px var(--ch-accent)}.square.dark.last{box-shadow:inset 0 0 0 3px var(--ch-accent),inset 0 0 0 4px var(--ch-light)}.square.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ch-check);opacity:.6}.square.check.pulse{--color-accent: var(--ch-check);z-index:1;animation:rh-blink .6s var(--ease) .22s 2}.square.selected{outline:3px solid var(--ch-accent);outline-offset:-3px;z-index:1}.square.light.selected{background:var(--ch-accent-soft)}.square:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.piece{position:relative;z-index:2;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,sans-serif;font-size:clamp(1.25rem,min(9.5vw,8vh),3rem);line-height:1;-webkit-text-stroke:1px var(--ch-black);text-shadow:0 1px 2px rgba(35,28,22,.3)}.piece--light{color:var(--ch-white)}.piece--dark{color:var(--ch-black)}.gone--light{color:var(--ch-white)}.gone--dark{color:var(--ch-black)}.piece.gone{position:absolute;z-index:1;pointer-events:none;--color-accent: var(--ch-check);animation:ch-gone .7s var(--ease) forwards}.piece.pop{animation:rh-pop .3s var(--ease) both}@keyframes ch-gone{0%,50%,to{box-shadow:0 0 0 0 transparent}25%,75%{box-shadow:0 0 0 4px var(--ch-check)}85%{opacity:1;transform:none}to{opacity:0;transform:scale(.5)}}.square.movable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--ch-accent);pointer-events:none}.legal-dot{width:26%;height:26%;border-radius:50%;background:var(--ch-accent);position:absolute;z-index:1}.promo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.promo__label{color:var(--color-text-muted);font-size:.95rem}.promo__piece{min-width:48px;font-size:1.8rem;padding:4px 10px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,sans-serif;background:var(--ch-light);border-color:var(--color-border);-webkit-text-stroke:1px var(--ch-black)}.promo__piece.piece--light{color:var(--ch-white)}.promo__piece.piece--dark{color:var(--ch-black)}.tally .chip{font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans","Apple Symbols",var(--font-body)}@media (max-width: 420px){.board{grid-template-columns:14px repeat(8,minmax(0,1fr));grid-template-rows:14px repeat(8,minmax(0,1fr));padding:0 6px 6px 0;border-radius:var(--radius-sm)}.square.movable:after{border-width:2px}}
