.ch-page{--ch-light: #ebecd0;--ch-dark: #739552;--ch-move: rgba(255, 255, 51, .45);--ch-check: #e5484d;--ch-coord-on-light: #739552;--ch-coord-on-dark: #ebecd0;--ch-sq: 1}.ch-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.ch-layout{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}}.ch-board-wrap{position:relative;width:100%;max-width:min(100%,calc(100dvh - 15rem));margin-inline:auto}@media(max-width:899px){.ch-board-wrap{max-width:min(100%,calc(100dvh - 17rem))}}.ch-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border-radius:.35rem;overflow:hidden;box-shadow:0 8px 28px #02061759;touch-action:manipulation;user-select:none;container-type:inline-size}.ch-sq{position:relative;min-width:0;min-height:0;border:0;padding:0;cursor:pointer;background:var(--ch-light);display:flex;align-items:center;justify-content:center;transition:background-color .12s ease}.ch-sq.ch-odd{background:var(--ch-dark)}.ch-sq:disabled{cursor:default}.ch-sq:focus-visible{outline:3px solid #fff;outline-offset:-3px;z-index:3}.ch-sq[data-rank-label]:before,.ch-sq[data-file-label]:after{position:absolute;font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(.5rem,1.6cqw,.8rem);line-height:1;pointer-events:none}.ch-sq[data-rank-label]:before{content:attr(data-rank-label);top:3%;left:5%;color:var(--ch-coord-on-light)}.ch-sq[data-file-label]:after{content:attr(data-file-label);bottom:3%;right:5%;color:var(--ch-coord-on-light)}.ch-sq.ch-odd[data-rank-label]:before,.ch-sq.ch-odd[data-file-label]:after{color:var(--ch-coord-on-dark)}.ch-sq.ch-from,.ch-sq.ch-last{box-shadow:inset 0 0 0 100px var(--ch-move)}.ch-sq.ch-target:after{content:"";position:absolute;width:30%;height:30%;border-radius:999px;background:#0f172a38;transition:transform .11s ease}.ch-sq.ch-target.ch-occupied:after{width:88%;height:88%;background:transparent;border:6px solid rgba(15,23,42,.22)}.ch-sq.ch-target:hover:after{transform:scale(1.18)}.ch-sq.ch-target[data-file-label]:after{content:"";bottom:auto;right:auto}.ch-sq.ch-check{background:radial-gradient(circle,#ff6b6b 12%,rgba(229,72,77,.55) 55%,transparent 72%)}.ch-piece{width:92%;height:92%;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.ch-piece.ch-white{fill:#fafafa;stroke:#2c2c2c;stroke-width:1.1}.ch-piece.ch-black{fill:#3a3a38;stroke:#101010;stroke-width:1.1}.ch-piece.ch-sliding{transition:transform .17s cubic-bezier(.2,.7,.3,1)}.ch-sq.ch-moving{z-index:2}@keyframes ch-pop{0%{transform:scale(.72);opacity:.4}to{transform:scale(1);opacity:1}}.ch-piece.ch-popping{animation:ch-pop .15s ease-out}@media(prefers-reduced-motion:reduce){.ch-piece.ch-sliding{transition:none}.ch-piece.ch-popping{animation:none}.ch-sq,.ch-sq.ch-target:after{transition:none}}.ch-promo{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;gap:.35rem;padding:.5rem;border-radius:.6rem;background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));box-shadow:0 10px 30px #02061780;animation:ch-pop .14s ease-out;z-index:4}.ch-promo button{width:clamp(2.5rem,11vw,3.25rem);height:clamp(2.5rem,11vw,3.25rem);border-radius:.4rem;border:1px solid var(--border-color, rgba(148, 163, 184, .35));background:var(--ch-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .11s ease,border-color .11s ease}.ch-promo button:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.ch-promo.hidden,.ch-offer.hidden{display:none}.ch-player{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;font-family:Rajdhani,sans-serif;font-weight:700;min-width:0}.ch-player-name{flex:1 1 auto;min-width:0}.ch-avatar{width:2rem;height:2rem;flex:0 0 auto;border-radius:.35rem;display:flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:.02em;color:#fff;background:var(--grad-primary)}.ch-taken{flex:0 1 auto;font-size:.95rem;line-height:1;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:clip}.ch-clock{flex:0 0 auto;font-size:1.5rem;font-variant-numeric:tabular-nums;padding:.15rem .7rem;border-radius:.35rem;background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));color:var(--text-muted);transition:color .15s ease,background-color .15s ease,border-color .15s ease}.ch-clock.ch-active{color:var(--text-primary);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary) inset}.ch-clock.ch-low{color:#f87171;border-color:#f87171}.ch-clock.ch-active.ch-low{animation:ch-tick 1s steps(2,jump-none) infinite}@keyframes ch-tick{50%{opacity:.55}}.ch-banner{padding:.55rem .9rem;border-radius:.5rem;text-align:center;font-family:Rajdhani,sans-serif;font-weight:700;background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));color:var(--text-secondary)}.ch-banner.ch-yours{background:var(--grad-primary);border-color:transparent;color:#fff}.ch-moves{margin-top:.75rem;height:14rem;overflow-y:auto;overscroll-behavior:contain;padding:.5rem;border-radius:.5rem;background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--text-secondary)}.ch-moves .ch-ply{display:grid;grid-template-columns:2rem 1fr 1fr;gap:.25rem;padding:.1rem 0}.ch-moves .ch-ply:nth-child(odd){background:#7f7f7f12}.ch-moves .ch-no{color:var(--text-muted)}.ch-offer{margin-top:.75rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--brand-primary);font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;animation:ch-pop .15s ease-out}.ch-mini{padding:.5rem .6rem;border-radius:.4rem;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.85rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));cursor:pointer;transition:border-color .12s ease,color .12s ease}.ch-mini:hover{border-color:var(--brand-primary);color:var(--text-primary)}.ch-mini:disabled{opacity:.45;cursor:default}#ch-app>.card-border:hover,#ch-app .card-border:not(button):hover{transform:none;box-shadow:none}@media(max-width:899px){.ch-layout{gap:.6rem}.ch-moves{height:7rem;margin-top:.5rem}.ch-clock{font-size:1.25rem;padding:.1rem .5rem}.ch-avatar{width:1.75rem;height:1.75rem}.ch-player{padding:.35rem 0}.ch-taken{font-size:.8rem}#ch-arena>.card-border{padding:.5rem}}.ch-modes{display:flex;flex-direction:column;gap:.75rem;align-items:center}.ch-mode-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.ch-mode-label{width:100%;text-align:center;font-size:.8rem;color:var(--text-secondary)}.ch-mode-label small,.ch-fast-toggle small{color:var(--text-muted);margin-left:.25rem}.ch-mode{min-width:4.5rem;padding:.45rem .9rem;border-radius:.5rem;font-weight:600;border:1px solid var(--border-color, rgba(127,127,127,.35));color:var(--text-secondary);background:transparent}.ch-mode:hover{color:var(--text-primary);border-color:var(--brand-primary)}.ch-mode[aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.ch-fast-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.ch-slow{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--brand-primary);color:var(--text-primary)}.ch-slow.hidden{display:none}.ch-extra{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.ch-practice-group{display:inline-flex;align-items:stretch;gap:.4rem}.ch-select,.ch-input{padding:.5rem .6rem;border-radius:.4rem;font-size:.85rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color, rgba(148, 163, 184, .35));min-width:0}.ch-select:focus,.ch-input:focus{outline:2px solid var(--brand-primary);outline-offset:1px}.ch-share{display:flex;gap:.4rem;max-width:32rem;margin-inline:auto}.ch-share .ch-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}a.ch-mini{display:inline-block;text-decoration:none}.ch-list{display:flex;flex-direction:column;gap:.5rem}.ch-list-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--border-color, rgba(148, 163, 184, .35));font-size:.85rem;color:var(--text-secondary)}.ch-list-row>span{min-width:0}.ch-list-row .ch-mini{flex-shrink:0}.ch-tools{padding-top:.75rem;border-top:1px solid var(--border-color, rgba(148, 163, 184, .35))}.ch-spectator{display:none}#ch-app.ch-spectating .ch-spectator{display:block}#ch-app.ch-spectating .ch-actions{display:none}