:root{--sq-light: #e8e0d0;--sq-dark: #7a9ab4;--last-light: #cfc97e;--last-dark: #9db8ca;--piece-white: #f5ecd7;--piece-black: #1a1f2b}.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:1.1rem;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:2px;line-height:1;opacity:.85;min-height:20px}.captured-row .cap{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -1px 2px #0006,inset 0 1px 1px #ffffff2e;border:1px solid rgba(0,0,0,.3);flex-shrink:0;position:relative}.captured-row .cap.white{background:radial-gradient(circle at 35% 30%,#fff8e8 0%,var(--piece-white) 55%,#c9bd9e 100%)}.captured-row .cap.black{background:radial-gradient(circle at 35% 30%,#3a4253 0%,var(--piece-black) 60%,#0a0d14 100%)}.captured-row .cap.king:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:4px;height:4px;border-radius:50%;background:#d4af55;box-shadow:0 0 2px #d4af55b3}.status-box.status--jump{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.status-box.status--win{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);cursor:default}.square.dark{background:var(--sq-dark)}.square.dark: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{position:relative;z-index:1;width:72%;height:72%;border-radius:50%;display:grid;place-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #00000080,inset 0 -3px 6px #00000059,inset 0 2px 3px #ffffff2e}.piece.white{background:radial-gradient(circle at 35% 30%,#fff8e8 0%,var(--piece-white) 55%,#c9bd9e 100%);border:1px solid rgba(0,0,0,.25)}.piece.black{background:radial-gradient(circle at 35% 30%,#3a4253 0%,var(--piece-black) 60%,#0a0d14 100%);border:1px solid rgba(0,0,0,.4)}.piece.king:after{content:"♛";font-size:clamp(.9rem,1.6vw,1.7rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.piece.white.king:after{color:#b89a5a}.piece.black.king:after{color:#d4af55}.square.selected{background:#4f86f78c!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;background:#f0f0dc66}.square.target.jump:after{width:88%;height:88%;background:transparent;border:4px solid rgba(245,158,11,.7)}.square.last-move.light{background:var(--last-light)}.square.last-move.dark{background:var(--last-dark)}.square.selected.last-move{background:#4f86f78c!important}.square.must-jump{outline:3px solid rgba(245,158,11,.7);outline-offset:-3px}.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}@media(max-width:600px){.player-bar{gap:8px}}