.chess-root{max-width:980px;margin:0 auto;padding:44px 16px 48px;color:#e8eaf0;position:relative}.chess-root .page-title{font-size:clamp(28px,5vw,40px);font-weight:800;margin:10px 0 4px;letter-spacing:-.02em}.chess-root .page-subtitle{margin:0 0 20px;max-width:60ch;color:#aab0c0;line-height:1.5}.chess-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.chess-board-wrap{flex:1 1 360px;min-width:min(100%,320px);max-width:560px}.chess-status{font-weight:600;font-size:16px;margin-bottom:10px;min-height:24px;color:#f3f4f8}.chess-mount-outer{position:relative}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;container-type:inline-size;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chess-cell{position:relative;display:flex;align-items:center;justify-content:center;border:0;margin:0;padding:0;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}.chess-cell.light{background:#ebecd0}.chess-cell.dark{background:#739552}.chess-coord{position:absolute;font-size:clamp(8px,1.6cqw,12px);font-weight:700;opacity:.55;pointer-events:none;line-height:1}.chess-coord-rank{top:3px;left:4px}.chess-coord-file{bottom:3px;right:4px}.chess-cell.light .chess-coord{color:#739552}.chess-cell.dark .chess-coord{color:#ebecd0}.chess-piece,.chess-promo-opt{font-family:Apple Symbols,Segoe UI Symbol,Noto Sans Symbols\ 2,DejaVu Sans,sans-serif;font-variant-emoji:text}.chess-piece{font-size:9.5cqw;line-height:1;pointer-events:none;z-index:2}.chess-piece.white{color:#fcfcfa;text-shadow:1.2px 0 0 #2a2a2a,-1.2px 0 0 #2a2a2a,0 1.2px 0 #2a2a2a,0 -1.2px 0 #2a2a2a,.9px .9px 0 #2a2a2a,-.9px .9px 0 #2a2a2a,.9px -.9px 0 #2a2a2a,-.9px -.9px 0 #2a2a2a,0 2px 3px rgba(0,0,0,.45)}.chess-piece.black{color:#141414;text-shadow:.9px 0 0 rgba(235,236,208,.55),-.9px 0 0 rgba(235,236,208,.55),0 .9px 0 rgba(235,236,208,.55),0 -.9px 0 rgba(235,236,208,.55),0 2px 3px rgba(0,0,0,.4)}.chess-cell.last:after{background:rgba(255,221,85,.42)}.chess-cell.last:after,.chess-cell.sel:after{content:"";position:absolute;inset:0;pointer-events:none}.chess-cell.sel:after{background:rgba(255,221,85,.55)}.chess-cell.in-check:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(220,40,40,.75) 0,rgba(220,40,40,0) 72%);pointer-events:none;z-index:1}.chess-cell.move-dot:before{width:32%;height:32%;background:rgba(20,20,20,.32)}.chess-cell.move-capture:before,.chess-cell.move-dot:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.chess-cell.move-capture:before{inset:6%;border:5px solid rgba(20,20,20,.32)}.chess-promo[hidden]{display:none}.chess-promo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(15,18,28,.78);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;z-index:10}.chess-promo-opt{width:clamp(48px,15%,84px);aspect-ratio:1;font-size:clamp(30px,9vw,56px);line-height:1;border:0;border-radius:10px;cursor:pointer;background:#ebecd0;transition:transform .08s ease,background .12s ease}.chess-promo-opt:hover{transform:translateY(-3px);background:#fff}.chess-promo-opt.white{color:#fff;text-shadow:0 0 1px #1a1a1a,1px 0 0 #333,-1px 0 0 #333,0 1px 0 #333,0 -1px 0 #333;background:#5b6b7a}.chess-promo-opt.white:hover{background:#6d8092}.chess-promo-opt.black{color:#202124}.chess-panel{flex:1 1 220px;min-width:220px;max-width:320px;gap:18px}.chess-field,.chess-panel{display:flex;flex-direction:column}.chess-field{gap:8px}.chess-field-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9aa0b2}.chess-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:6px;gap:6px;background:rgba(255,255,255,.05);padding:4px;border-radius:12px}.chess-seg-btn{border:0;border-radius:9px;padding:10px 6px;font-size:14px;font-weight:600;color:#cbd0de;background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease}.chess-seg-btn:hover{background:rgba(255,255,255,.07)}.chess-seg-btn.active{background:#4f7cff;color:#fff}.chess-actions{display:flex;gap:10px}.chess-btn{flex:1 1;border:0;border-radius:11px;padding:12px;font-size:15px;font-weight:700;color:#e8eaf0;background:rgba(255,255,255,.08);cursor:pointer;transition:background .12s ease,transform .06s ease}.chess-btn:hover:not(:disabled){background:rgba(255,255,255,.14)}.chess-btn:active:not(:disabled){transform:translateY(1px)}.chess-btn.primary{background:#4f7cff}.chess-btn.primary:hover{background:#6a90ff}.chess-btn:disabled{opacity:.4;cursor:default}.chess-hint{font-size:13px;line-height:1.5;color:#878da0;margin:0}@media (max-width:720px){.chess-layout{flex-direction:column}.chess-panel{max-width:560px;width:100%}}