:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--light: #f0d9b5;--dark: #b58863;--selected: #f7ec5a;--move-target: rgba(0, 0, 0, .2);--capture-ring: rgba(0, 0, 0, .25);--bg: #1a1a2e;--panel: #16213e;--card: #0f3460;--accent: #e94560;--text: #eaeaea;--text-dim: #8892a4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.game-container{display:flex;gap:2rem;align-items:flex-start;max-width:900px}.board-section{display:flex;flex-direction:column;gap:.5rem}.player-bar{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;min-height:2rem}.player-name{font-weight:600;font-size:.85rem;color:var(--text-dim);min-width:3.5rem}.captured-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.captured-label{font-size:.7rem;color:var(--text-dim)}.captured-pieces{display:flex;gap:.1rem}.captured-piece{font-size:1rem;line-height:1}.captured-value{font-size:.7rem;color:var(--accent);font-weight:600}.board-wrapper{border:3px solid #2a2a4a;border-radius:4px;overflow:hidden;box-shadow:0 8px 32px #00000080}.board{display:grid;grid-template-columns:repeat(8,1fr);width:min(560px,90vw);aspect-ratio:1}.square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.selected{background:var(--selected)!important}.square.move-target{background:radial-gradient(circle,var(--move-target) 25%,transparent 26%)}.square.capture-target{background:radial-gradient(circle,transparent 45%,var(--capture-ring) 46%,var(--capture-ring) 55%,transparent 56%)}.square.light.selected{background:#f7ec5a}.square.dark.selected{background:#dac23b}.piece{font-size:min(4.5vw,3.2rem);line-height:1;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .1s}.piece:hover{transform:scale(1.08)}.file-label,.rank-label{position:absolute;font-size:.55rem;font-weight:700;pointer-events:none}.file-label{bottom:1px;right:3px}.rank-label{top:2px;left:3px}.light-label{color:var(--dark)}.dark-label{color:var(--light)}.move-dot{width:26%;height:26%;border-radius:50%;background:#00000040;position:absolute}.capture-ring{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:5px solid rgba(0,0,0,.25)}.side-panel{display:flex;flex-direction:column;gap:1rem;min-width:220px;max-width:260px}.game-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.status-badge{padding:.6rem .9rem;border-radius:.5rem;font-size:.85rem;font-weight:600;background:var(--panel);border:1px solid rgba(255,255,255,.08)}.status-badge.check{background:#e9456026;border-color:var(--accent);color:var(--accent)}.status-badge.checkmate{background:#4caf5026;border-color:#4caf50;color:#81c784}.status-badge.stalemate{background:#ffc10726;border-color:#ffc107;color:#ffd54f}.move-history{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.75rem;flex:1;min-height:180px;max-height:320px;display:flex;flex-direction:column}.move-history h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.5rem}.moves-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.15rem}.no-moves{color:var(--text-dim);font-size:.8rem;font-style:italic}.move-pair{display:grid;grid-template-columns:2rem 1fr 1fr;gap:.25rem;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:.15rem .25rem;border-radius:3px}.move-pair:nth-child(odd){background:#ffffff05}.move-number{color:var(--text-dim)}.move-white{color:var(--text)}.move-black{color:var(--text-dim)}.controls{display:flex;gap:.5rem}.btn{flex:1;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;background:var(--panel);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn:hover{background:var(--card);border-color:#fff3}.promotion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promotion-picker{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;text-align:center}.promotion-picker h3{margin-bottom:1rem;font-size:1rem}.promotion-options{display:flex;gap:.75rem}.promotion-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;background:var(--card);color:var(--text);cursor:pointer;transition:all .15s}.promotion-btn:hover{border-color:var(--accent);background:#e9456026}.promotion-piece{font-size:2.5rem}.promotion-name{font-size:.7rem;text-transform:capitalize;color:var(--text-dim)}@media(max-width:720px){.game-container{flex-direction:column;align-items:center}.side-panel{min-width:unset;max-width:unset;width:100%;max-width:560px}.move-history{min-height:100px;max-height:150px}}