.ch-stage{align-items:center}.ch-wrap{gap:10px;width:min(100%,100dvh - 210px,680px);display:grid}.ch-board{aspect-ratio:1;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-lg);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}.ch-square{cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.ch-square.is-light{background:#e9dfc9}.ch-square.is-dark{background:#a0715a}.ch-square.is-last{box-shadow:inset 0 0 0 100px #ffc43d59}.ch-square.is-selected{box-shadow:inset 0 0 0 100px rgba(var(--accent-rgb),.45)}.ch-square.is-hint{box-shadow:inset 0 0 0 4px #4dd9ff,inset 0 0 0 100px #4dd9ff33}.ch-square.is-check{background:radial-gradient(circle,#ff3b30 0%,#ff3b3099 40%,#0000 75%),#a0715a}.ch-piece{-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease);font-family:DejaVu Sans,Segoe UI Symbol,Noto Sans Symbols2,serif;font-size:9.6cqw;line-height:1}.ch-piece.is-w{color:#fffdf6;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 3px 4px #00000073;-webkit-text-stroke:.6px #222}.ch-piece.is-b{color:#1b1a17;text-shadow:0 0 1px #ffffff59,0 3px 4px #0006}.ch-square:hover .ch-piece{transform:scale(1.06)}.ch-target{pointer-events:none;background:#14141259;border-radius:50%;width:30%;height:30%;position:absolute}.ch-capture{pointer-events:none;border:5px solid #14141259;border-radius:50%;position:absolute;inset:6%}.ch-coord{font-family:var(--font-mono);pointer-events:none;font-size:1.5cqw;font-weight:600;position:absolute}.ch-coord.is-rank{top:4%;left:6%}.ch-coord.is-file{bottom:3%;right:7%}.ch-square.is-light .ch-coord{color:#a0715a}.ch-square.is-dark .ch-coord{color:#e9dfc9}.ch-promo{width:58px;height:58px;font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:2rem}.ch-player{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:10px;min-height:40px;padding:6px 12px;font-size:.82rem;display:flex}.ch-player.is-active{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.07)}.ch-dot{border:1px solid var(--line-strong);border-radius:50%;width:12px;height:12px}.ch-dot.is-w{background:#fffdf6}.ch-dot.is-b{background:#1b1a17}.ch-captured{color:var(--muted);align-items:center;gap:1px;font-family:DejaVu Sans,serif;font-size:1.05rem;display:flex}.ch-captured i{font-style:normal}.ch-captured small{font-family:var(--font-mono);color:var(--amber);margin-left:6px;font-size:.7rem}.ch-clock{font-family:var(--font-mono);background:#0006;border-radius:8px;margin-left:auto;padding:3px 10px;font-size:.95rem}.ch-clock.is-low{color:#ff6b6b}.ch-moves{max-height:52vh;font-family:var(--font-mono);gap:2px;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid;overflow-y:auto}.ch-moves li{border-radius:6px;grid-template-columns:32px 1fr 1fr;padding:4px 6px;display:grid}.ch-moves li:nth-child(odd){background:#ffffff08}.ch-moves span{color:var(--faint)}.ch-moves b{font-weight:500}