.ch{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:520px;margin:0 auto}.ch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.ch-meta{display:flex;gap:14px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.95rem;white-space:nowrap}.ch-meta b{color:var(--ink);font-size:1.1rem}.ch-task{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.ch-task .pill{font-family:var(--font-body);font-weight:600}.ch-turn{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);display:inline-block}.ch-turn.is-w{background:#fff}.ch-turn.is-b{background:#2b2b2b}.ch-board{--light: var(--cell);--dark: color-mix(in srgb, var(--sun) 60%, var(--cell));position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,440px,calc(100dvh - 330px));min-width:260px;margin:0 auto;aspect-ratio:1;border-radius:10px;overflow:hidden;border:3px solid var(--ink);background:var(--dark);touch-action:none;user-select:none;-webkit-user-select:none}:root[data-look=ink] .ch-board{--dark: color-mix(in srgb, var(--ink) 35%, var(--cell))}.ch-sq{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center}.ch-sq.is-light{background:var(--light)}.ch-sq.is-dark{background:var(--dark)}.ch-sq .co{position:absolute;font-size:.58rem;font-weight:700;color:var(--ink-2);opacity:.8;line-height:1;pointer-events:none}.ch-sq .co.f{right:2px;bottom:1px}.ch-sq .co.r{left:2px;top:1px}.ch-sq.is-from{box-shadow:inset 0 0 0 3px var(--coral)}.ch-sq.is-last{background:color-mix(in srgb,var(--sun) 55%,var(--light))}.ch-sq.is-check{background:radial-gradient(circle,rgba(255,80,60,.75) 0 35%,transparent 70%)}.ch-sq.is-target:after{content:"";width:28%;height:28%;border-radius:50%;background:#00000038;position:absolute}.ch-sq.is-target.has-piece:after{width:100%;height:100%;background:none;border:5px solid rgba(0,0,0,.22);box-sizing:border-box;border-radius:50%}.ch-sq.is-hint{animation:ch-glow calc(1.2s * var(--motion)) ease-in-out infinite alternate}@keyframes ch-glow{0%{box-shadow:inset 0 0 0 3px var(--sun)}to{box-shadow:inset 0 0 0 6px var(--coral)}}.ch-sq.is-shake .ch-piece{animation:ch-shake calc(.3s * var(--motion)) ease-in-out}@keyframes ch-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ch-piece{width:88%;height:88%;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.ch-piece.is-moving{transition:transform calc(.18s * var(--motion)) ease-out}.ch-drag{position:fixed;pointer-events:none;z-index:60;transform:translate(-50%,-50%)}.ch-over .ch-sq{cursor:default}.ch-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ch-msg{min-height:1.3em;text-align:center;color:var(--ink-2);font-size:.95rem}.ch-promo{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ch-promo button{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:var(--cell);display:grid;place-items:center;cursor:pointer}.ch-promo .ch-piece{width:70%;height:70%}.ch-moves{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.92rem}.ch-moves b{color:var(--ink)}