.ch{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:20px;display:grid}.ch-left{gap:10px;min-width:0;display:grid}.ch-right{align-content:start;gap:12px;min-width:0;display:grid}@media (width<=760px){.ch{grid-template-columns:1fr}}.ch-bw{gap:8px;width:100%;max-width:600px;margin:0 auto;display:flex}.ch-bw .cb{flex:auto}.cb{--cb-l:#eef1f7;--cb-d:#8a97b9;--cb-arrow:#e8513b;aspect-ratio:1;background:repeating-conic-gradient(var(--cb-d) 0 25%,var(--cb-l) 0 50%) 0 0/25% 25%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;box-shadow:0 0 0 1px var(--line-2);border-radius:8px;position:relative;overflow:hidden}.cb:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.cb-hl,.cb-pcs,.cb-coords{position:absolute;inset:0}.cb-h,.cb-p{width:12.5%;height:12.5%;position:absolute;top:0;left:0}.cb-p{cursor:grab;will-change:transform;background-repeat:no-repeat;background-size:100% 100%;transition:transform .18s}.cb-p.cb-drag{z-index:5;cursor:grabbing;filter:drop-shadow(0 6px 6px #0000004d);transition:none}.cb-p.cb-snap,.cb-p.cb-new{transition:none}.cb-last{background:#ffbe3c6b}.cb-sel{background:#ff6b5480}.cb-over{box-shadow:inset 0 0 0 4px #0e123073}.cb-dot:after{content:"";background:#0e123052;border-radius:50%;width:28%;height:28%;position:absolute;top:36%;left:36%}.cb-cap{background:radial-gradient(#0000 0 62%,#0e123052 63%)}.cb-check{background:radial-gradient(#e62828e6 0,#e6282873 45%,#0000 72%)}.cb-good{background:#1fa06480}.cb-bad{background:#dc323280}.cb-hint{box-shadow:inset 0 0 0 5px #e8513bd9}.cb-cur{box-shadow:inset 0 0 0 3px #0e1230,inset 0 0 0 6px #fff}.cb-svg{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0}.cb-cf,.cb-cr{font:700 clamp(9px,1.6vw,12px)/1 var(--f-body);pointer-events:none;position:absolute}.cb-cf{text-align:right;width:12.5%;padding-right:3px;bottom:2px}.cb-cr{padding-top:2px;left:3px}.cb-coords .on-l{color:#5d6a8f}.cb-coords .on-d{color:#f2f4fa}.cb-promo{z-index:8;background:#0e12308c;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.cb-promo[hidden]{display:none}.cb-promo-card{background:var(--card);color:var(--ink);border-radius:var(--r);justify-items:center;gap:8px;padding:12px 14px;display:grid;box-shadow:0 14px 40px #00000059}.cb-promo-card p{margin:0;font-weight:600}.cb-promo-row{gap:6px;display:flex}.cb-promo-row button{aspect-ratio:1;border:1px solid var(--line-2);background:#eef1f7 50%/88% no-repeat;border-radius:10px;width:clamp(48px,13vw,68px)}.cb-promo-row button:hover{border-color:var(--acc);background-color:#ffe9e4}.cb-promo-x{color:var(--dim);background:0 0;border:0;font-size:14px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.cb-p{transition:none}}.ch-eval{width:14px;box-shadow:0 0 0 1px var(--line-2);background:#2a2f4a;border-radius:6px;flex:none;position:relative;overflow:hidden}.ch-eval[hidden]{display:none}.ch-eval i{background:#f4f5fa;height:50%;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.ch-eval.flip i{top:0;bottom:auto}@media (prefers-reduced-motion:reduce){.ch-eval i{transition:none}}.ch-turn{align-items:center;gap:10px;min-height:1.5em;font-size:18px;font-weight:600;display:flex}.ch-turn i{border:2px solid var(--ink);border-radius:50%;flex:none;width:18px;height:18px}.ch-turn i.w{background:#fff}.ch-turn i.b{background:#141833}.ch-msg{min-height:1.5em;margin:0;font-weight:600}.ch-msg.ok{color:var(--ok)}.ch-msg.bad{color:var(--bad)}.ch-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ch-stats div{border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px}.ch-stats b{font:800 22px var(--f-head);font-variant-numeric:tabular-nums;display:block}.ch-stats span{color:var(--dim);font-size:13px}.ch-meta{color:var(--dim);margin:0;font-size:14px}.ch-seg{flex-wrap:wrap;gap:6px;display:flex}.ch-seg .btn{padding:7px 11px;font-size:14px}.ch-lv .btn{min-width:38px}.ch-label{margin:0 0 6px;font-size:15px;font-weight:600}.ch-moves{border:1px solid var(--line);max-height:220px;font:500 15px var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink-2);border-radius:10px;min-height:60px;margin:0;padding:6px 8px;list-style:none;overflow:auto}.ch-moves li{grid-template-columns:2.6em 1fr 1fr;gap:4px;padding:2px 0;display:grid}.ch-moves li span:first-child{color:var(--dim)}.ch-moves .cur{background:var(--hl);color:var(--ink);border-radius:4px;padding:0 3px}.ch-gpl{color:var(--dim);text-align:center;margin:0;font-size:13px}.ch-gpl a{color:inherit}.ch-check{align-items:center;gap:8px;font-size:15px;display:flex}.ch-check input{width:18px;height:18px;accent-color:var(--acc)}.ch-think{color:var(--dim);min-height:1.4em;margin:0;font-size:14px}.ch-pop{border-radius:var(--r);z-index:10;background:#0e12308c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.ch-pop[hidden]{display:none}.ch-pop-card{background:var(--card);border-radius:var(--r);text-align:center;gap:10px;width:100%;max-width:400px;padding:22px 24px;display:grid;box-shadow:0 20px 50px #0000004d}.ch-pop-card h2{font-size:clamp(24px,5vw,32px)}.ch-pop-card p{color:var(--ink-2);margin:0}.ch-pop-card .bar{justify-content:center}