:root{--sq-light: #e8e0d0;--sq-dark: #7a9ab4;--last-light: #cfc97e;--last-dark: #9db8ca}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 4px}.player-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.player-dot{font-size:.95rem;line-height:1;flex-shrink:0;opacity:.9}.player-name{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);flex-shrink:0}.captured-row{display:flex;flex-wrap:wrap;align-items:center;gap:0px;font-size:1.05rem;line-height:1;letter-spacing:-.06em;opacity:.75;min-height:20px}.status-box.status--check{background:#ef444426;border-color:#ef444466;color:#fca5a5}.status-box.status--checkmate{background:#ef444438;border-color:#ef44448c;color:#fecaca}.board-wrapper{width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #000c,0 12px 40px #0000008c,0 40px 90px #0000004d}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%}.square{position:relative;display:grid;place-items:center;border:none;outline:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.square:hover{filter:brightness(1.08)}.coord{position:absolute;font-size:clamp(.42rem,.82vw,.65rem);font-weight:700;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.square.light .coord{color:var(--sq-dark)}.square.dark .coord{color:var(--sq-light)}.rank-label{top:3px;left:4px}.file-label{bottom:3px;right:4px}.piece{font-size:clamp(1.75rem,3.4vw,3.2rem);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.square.selected{background:#4f86f780!important}.square.target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34%;height:34%;border-radius:50%;pointer-events:none;z-index:2}.square.light.target:after{background:#1e552347}.square.dark.target:after{background:#f0f0dc52}.square.target:has(.piece):after{width:90%;height:90%;background:transparent;border-width:5px;border-style:solid}.square.light.target:has(.piece):after{border-color:#1e55234d}.square.dark.target:has(.piece):after{border-color:#f0f0dc59}.square.last-move.light{background:var(--last-light)}.square.last-move.dark{background:var(--last-dark)}.square.selected.last-move{background:#4f86f780!important}.square.in-check{background:radial-gradient(circle at 50% 50%,#ff7070 0%,#c0392b 55%,transparent 80%)!important}.square.featured{outline:3px solid rgba(245,158,11,.82);outline-offset:-3px}.history-scroll{max-height:188px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.history-scroll::-webkit-scrollbar{width:4px}.history-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.history-table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}.history-table td{padding:3px 6px;color:#556070}.history-table tr:last-child td{color:#9fb8d8}.move-num{color:#ffffff2e!important;font-size:.72rem!important;width:26px;text-align:right;padding-right:8px!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-overlay[hidden]{display:none}.modal{background:var(--surface-hi);border:1px solid var(--border-mid);border-radius:var(--radius-lg);padding:30px 36px;text-align:center;box-shadow:0 32px 80px #000000a6}.modal-title{font-size:.9rem;font-weight:400;color:var(--text-dim);margin-bottom:18px;letter-spacing:.02em}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.promo-btn{width:68px;height:68px;font-size:2.5rem;line-height:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;color:var(--text);display:grid;place-items:center;padding:0;transition:background .12s,border-color .12s,transform .12s}.promo-btn:hover{background:var(--accent-glow);border-color:#4f86f773;transform:scale(1.1)}@media(max-width:600px){.player-bar{gap:8px}.promo-btn{width:56px;height:56px;font-size:2rem}}