*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8d5a3;background:#1a1410;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#root{background:#1a1410;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;height:100vh;padding:20px;display:flex}#left-panel{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}#branding{align-self:flex-start;align-items:center;gap:12px;margin-bottom:4px;display:flex}#logo{font-size:28px}#brand-title{color:#c9973a;letter-spacing:1px;font-size:18px;font-weight:700}#brand-sub{color:#7a6a4a;letter-spacing:2px;text-transform:uppercase;font-size:11px}.player-card{background:#231e17;border:1px solid #3a3020;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 14px;display:flex}.avatar{color:#1a1410;background:linear-gradient(135deg,#c9973a,#8a6520);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}#avatar-opponent{color:#a0d0a0;background:linear-gradient(135deg,#4a7a4a,#2a4a2a)}.player-info{flex:1}.player-name{color:#e8d5a3;font-size:15px;font-weight:600}.player-elo{color:#7a6a4a;margin-top:1px;font-size:12px}.player-status{color:#c9973a;font-size:12px;font-weight:500}#board-wrap{position:relative}#board{border-radius:4px;overflow:hidden}.cm-chessboard{width:100%!important;height:100%!important}.cm-chessboard.default .board .square.white{fill:#ffe0b2!important}.cm-chessboard.default .board .square.black{fill:#ff6d00!important}.cm-chessboard.default.border-type-none .board .border{fill:#ff6d00!important;stroke:#ff6d00!important}.cm-chessboard.default .coordinates .coordinate.black{fill:#ffe0b2!important}.cm-chessboard.default .coordinates .coordinate.white{fill:#bf4600!important}.cm-chessboard .marker-dot{fill:#00000059;stroke:none}.cm-chessboard .marker-check{fill:#dc1e1e80;stroke:#c00;stroke-width:2px}#right-panel{flex-direction:column;flex-shrink:0;gap:12px;width:220px;height:100%;padding:20px 0;display:flex}#game-status{color:#c9973a;text-align:center;min-height:22px;font-size:14px;font-weight:600}#moves-header{color:#7a6a4a;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #3a3020;padding-bottom:8px;font-size:13px}#moves-list{scrollbar-width:thin;scrollbar-color:#3a3020 transparent;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.move-row{grid-template-columns:28px 1fr 1fr;align-items:center;gap:4px;font-size:13px;display:grid}.move-num{color:#5a4a2a;font-size:12px}.move-san{cursor:pointer;color:#c8b88a;text-align:center;border-radius:4px;padding:3px 6px;transition:background .15s,color .15s}.move-san:hover{color:#e8d5a3;background:#3a3020}.move-san.active{color:#1a1410;background:#c9973a;font-weight:600}.move-san.empty{cursor:default;color:#0000}#nav-controls{border-top:1px solid #3a3020;justify-content:center;align-items:center;gap:12px;padding-top:12px;display:flex}#nav-controls button{color:#c9973a;cursor:pointer;background:#2a2218;border:1px solid #3a3020;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s,border-color .15s;display:flex}#nav-controls button:hover:not(:disabled){background:#3a3020;border-color:#c9973a}#nav-controls button:disabled{opacity:.3;cursor:not-allowed}#nav-label{color:#7a6a4a;text-align:center;min-width:60px;font-size:12px}#history-banner{color:#c9973a;text-align:center;background:#2a1a00;border:1px solid #c9973a;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.4}#history-banner.hidden{display:none}#game-over-controls{background:#231e17;border:1px solid #3a3020;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}#game-over-controls.hidden{display:none}#go-result{color:#c9973a;text-align:center;letter-spacing:.5px;font-size:20px;font-weight:700}#go-summary{color:#7a6a4a;text-align:center;font-size:12px}#go-elo{background:#1a1410;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}#go-elo-before{color:#7a6a4a;font-weight:500}#go-elo-arrow{color:#5a4a2a;font-size:16px}#go-elo-after{color:#e8d5a3;font-size:16px;font-weight:700}#go-elo-delta{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}#go-elo-delta.positive{color:#6abf6a;background:#50b45026}#go-elo-delta.negative{color:#bf6a6a;background:#b43c3c26}#go-elo-delta.neutral{color:#c9973a;background:#b4963c26}#go-stats{color:#7a6a4a;border-top:1px solid #3a3020;flex-direction:column;gap:4px;padding-top:8px;font-size:12px;display:flex}.go-stat-row{justify-content:space-between;display:flex}.go-stat-val{color:#c8b88a;font-weight:500}#btn-play-again{color:#1a1410;cursor:pointer;background:#c9973a;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:background .15s}#btn-play-again:hover{background:#e0a940}#btn-end{color:#5a4a3a;cursor:pointer;background:0 0;border:1px solid #3a3020;border-radius:8px;width:100%;padding:8px;font-size:13px;transition:all .15s}#btn-end:hover{color:#c9973a;background:#2a1a10;border-color:#c9973a}