:root{--bg: #060a10;--surface: #0c1218;--surface-2: #121c26;--surface-3: #182430;--border: #1a2636;--border-bright: #263a50;--text: #7a8c9e;--text-bright: #c0ceda;--text-dim: #3e5060;--green: #00d97e;--green-dim: rgba(0, 217, 126, .12);--green-glow: rgba(0, 217, 126, .35);--amber: #d4a030;--amber-dim: rgba(212, 160, 48, .12);--red: #e05050;--bar-w: #b0bcc8;--bar-d: #3e5060;--bar-b: #1a2636;--sq-light: #15202a;--sq-dark: #0c1419;--sq-hl: rgba(0, 217, 126, .18);--mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Consolas", monospace;--ease: cubic-bezier(.22, .68, 0, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--mono);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--green-dim);color:var(--green)}.terminal{max-width:1280px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;border-left:1px solid var(--border);border-right:1px solid var(--border);position:relative}.terminal:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);z-index:9999}.terminal-header{padding:0 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:stretch;gap:0;flex-shrink:0}.terminal-logo{font-size:.65rem;font-weight:500;letter-spacing:.25em;color:var(--green);text-shadow:0 0 12px var(--green-glow);padding:.875rem 1.5rem .875rem 0;border-right:1px solid var(--border);white-space:nowrap;display:flex;align-items:center}.nav{display:flex}.nav-btn{padding:.875rem 1.25rem;font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:none;border:none;border-right:1px solid var(--border);cursor:pointer;transition:color .15s,background .15s}.nav-btn:hover{color:var(--text);background:var(--surface)}.nav-btn.active{color:var(--green);background:var(--green-dim)}.nav-random{margin-left:auto;border-right:none;border-left:1px solid var(--border);color:var(--text-dim)}.nav-random:hover{color:var(--amber)}.terminal-body{flex:1;padding:1.5rem;overflow-y:auto}.terminal-footer{padding:.5rem 1.5rem;border-top:1px solid var(--border);font-size:.55rem;letter-spacing:.1em;color:var(--text-dim);display:flex;align-items:center;gap:2rem;flex-shrink:0}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow);margin-right:.5rem;vertical-align:middle}.board-svg{display:block;width:100%;max-width:502px}.board-svg .sq-light{fill:var(--sq-light)}.board-svg .sq-dark{fill:var(--sq-dark)}.board-svg .sq-hl{fill:var(--sq-hl)}.board-svg .piece{font-size:38px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.board-svg .piece-w{fill:#d8e4ee}.board-svg .piece-b{fill:var(--amber)}.board-svg .coord{font-family:var(--mono);font-size:9px;fill:var(--text-dim)}.explorer{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.board-col{display:flex;flex-direction:column;gap:.75rem}.move-tape{font-size:.7rem;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:.25rem .5rem;padding:.5rem 0}.tape-num{color:var(--text-dim)}.tape-move{color:var(--text);cursor:pointer;transition:color .1s}.tape-move:hover{color:var(--green)}.tape-current{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.tape-empty{color:var(--text-dim);font-style:italic;letter-spacing:.1em;font-size:.6rem;text-transform:uppercase}.data-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.panel{border:1px solid var(--border);background:var(--surface)}.panel-label{font-size:.55rem;font-weight:500;letter-spacing:.2em;color:var(--text-dim);padding:.625rem 1rem;border-bottom:1px solid var(--border);text-transform:uppercase}.panel-value{font-size:.75rem;color:var(--green);padding:.625rem 1rem}.opening-label{font-size:.7rem;color:var(--text-bright);padding:.5rem 1rem;border-bottom:1px solid var(--border)}.eco-tag{font-size:.6rem;color:var(--amber);margin-left:.5rem}.continuation{display:flex;align-items:center;gap:0;padding:.375rem 1rem;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border)}.continuation:last-child{border-bottom:none}.continuation:hover{background:var(--surface-2)}.cont-move{font-size:.8rem;font-weight:500;color:var(--text-bright);min-width:4.5rem}.cont-bar{flex:1;height:14px;display:flex;overflow:hidden;margin:0 .75rem}.bar-w{background:var(--bar-w)}.bar-d{background:var(--bar-d)}.bar-b{background:var(--bar-b)}.cont-count{font-size:.6rem;color:var(--text-dim);min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums}.cont-pct{font-size:.55rem;color:var(--text-dim);min-width:3rem;text-align:right}.game-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s;font-size:.7rem}.game-row:last-child{border-bottom:none}.game-row:hover{background:var(--surface-2)}.game-players{color:var(--text-bright);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-elos{color:var(--text-dim);font-size:.6rem}.game-result-tag{color:var(--amber);min-width:3rem;text-align:center}.game-opening-tag{color:var(--text-dim);font-size:.6rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-view{display:flex;flex-direction:column;gap:1rem}.game-header{display:flex;align-items:center;gap:1rem}.back-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--text-dim);background:none;border:1px solid var(--border);padding:.375rem .75rem;cursor:pointer;transition:color .15s,border-color .15s}.back-btn:hover{color:var(--green);border-color:var(--green)}.game-meta{font-size:.65rem;color:var(--text-dim)}.game-layout{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.game-controls{display:flex;gap:0;justify-content:center}.game-controls button{font-family:var(--mono);font-size:1rem;padding:.5rem 1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:color .1s,background .1s}.game-controls button:hover{color:var(--green);background:var(--surface-2)}.player-panel{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.player-color{font-size:.9rem}.player-name{font-size:.75rem;color:var(--text-bright);font-weight:500}.player-elo{font-size:.65rem;color:var(--text-dim);margin-left:.5rem}.game-result-display{font-size:.75rem;color:var(--amber);margin:0 auto}.move-list{padding:.5rem;max-height:420px;overflow-y:auto;font-size:.7rem}.move-pair{display:flex;gap:.25rem;padding:.125rem .5rem}.move-num{color:var(--text-dim);min-width:2.25rem;text-align:right}.move-san{color:var(--text);cursor:pointer;padding:.0625rem .375rem;transition:color .1s,background .1s}.move-san:hover{color:var(--green)}.move-san.active{color:var(--green);background:var(--green-dim)}.search-view{display:flex;flex-direction:column;gap:1rem}.search-input{width:100%;padding:.625rem 1rem;font-family:var(--mono);font-size:.75rem;color:var(--text-bright);background:var(--surface);border:1px solid var(--border);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--green)}.search-input::placeholder{color:var(--text-dim)}.player-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s;font-size:.7rem}.player-row:hover{background:var(--surface-2)}.player-title-tag{font-size:.6rem;color:var(--amber);min-width:2rem}.player-name-link{color:var(--text-bright);flex:1}.player-elo-tag{color:var(--text-dim);font-size:.6rem}.dossier{border:1px solid var(--border);background:var(--surface);padding:1.5rem;margin-bottom:1rem}.dossier-title{font-size:.6rem;color:var(--amber);letter-spacing:.15em}.dossier-name{font-size:1.25rem;color:var(--text-bright);font-weight:300;display:block;margin-top:.25rem}.dossier-stats{display:flex;gap:2rem;margin-top:1rem}.stat-label{font-size:.5rem;letter-spacing:.2em;color:var(--text-dim);display:block;text-transform:uppercase}.stat-value{font-size:1rem;color:var(--green);font-weight:300}.rivalry-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:1px solid var(--border);background:var(--surface);margin-bottom:1rem}.rival{text-align:center;min-width:120px}.rival-name{font-size:.8rem;color:var(--text-bright);display:block}.rival-wins{font-size:1.5rem;color:var(--green);font-weight:300}.rivalry-center{flex:1;text-align:center}.rivalry-bar{height:20px;display:flex;overflow:hidden;margin:.5rem 0}.rivalry-draws{font-size:.6rem;color:var(--text-dim)}.vs-row{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem}.vs-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.2em}.action-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;padding:.5rem 1rem;background:var(--green-dim);color:var(--green);border:1px solid var(--green);cursor:pointer;transition:background .15s}.action-btn:hover{background:#00d97e40}.loading{padding:2rem;text-align:center;font-size:.65rem;letter-spacing:.2em;color:var(--text-dim);animation:pulse 1.5s ease infinite}.error{padding:2rem;text-align:center;font-size:.65rem;letter-spacing:.15em;color:var(--red)}.empty{padding:2rem;text-align:center;font-size:.6rem;letter-spacing:.2em;color:var(--text-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s var(--ease) both}@media(max-width:800px){.terminal-header{flex-wrap:wrap}.terminal-body{padding:1rem}.explorer,.game-layout{grid-template-columns:1fr}.board-svg{max-width:100%}.rivalry-header{flex-direction:column}}