:root{--bg-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #aaaaaa;--accent-color: #646cff;--accent-hover: #535bf2}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-gradient);color:var(--text-main);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;overflow-x:hidden;overflow-y:auto}#root{width:100%}h1,h2,h3{font-weight:600;color:#fff}button{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px}button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}button:disabled{opacity:.5;cursor:not-allowed}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.title{font-size:3rem;margin-bottom:2rem;background:linear-gradient(to right,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5)}.tab-strip{width:100%;display:flex;justify-content:center;gap:.5rem;margin-bottom:1.2rem}.tab-button{min-width:140px}.tab-button.active{background:#ffffff2e;border-color:#fff6}.game-layout{display:flex;gap:2rem;align-items:flex-start;justify-content:center;width:100%}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000005e;display:flex;flex-direction:column;gap:1rem}.controls-panel{min-width:250px}.board-wrapper{padding:24px;background:#0003;border-radius:12px;box-shadow:0 20px 50px #00000080}.board-shell{width:min(500px,85vw)}.info-panel{min-width:250px}.arena-layout{width:100%;display:grid;grid-template-columns:minmax(270px,330px) minmax(320px,1fr) minmax(270px,330px);gap:1rem;align-items:flex-start}.arena-note{margin:0;color:var(--text-muted);font-size:.82rem}.arena-player-card{border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.7rem;display:flex;flex-direction:column;gap:.35rem;background:#ffffff08}.arena-player-card h4{margin:0}.arena-player-card label,.arena-run-config label{font-size:.78rem;color:var(--text-muted)}.arena-provider-fixed{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.45rem .5rem;background:#ffffff0f;color:#d9eeff;font-size:.88rem}.arena-player-card select,.arena-player-card input,.arena-run-config input,.arena-run-config select{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.45rem .5rem;background:#0003;color:#fff}.arena-run-config{border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.arena-checkbox{display:flex;align-items:center;gap:.5rem}.arena-actions{display:flex;flex-wrap:wrap;gap:.5rem}.arena-board-shell{width:100%;max-width:460px;margin:0 auto}.arena-live-panel{overflow:hidden}.arena-history{max-height:260px}.arena-history .white-move.active,.arena-history .black-move.active{background:#ffffff1a}.arena-history-move{width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:0;font:inherit}.arena-runs-list{max-height:240px}.arena-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.arena-game-button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;width:100%}.arena-game-button small{color:var(--text-muted);font-size:.74rem}.arena-game-button.active{background:#ffffff2e;border-color:#fff6}.arena-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.arena-run-meta{color:#d9eeff}.arena-run-subtle{color:var(--text-muted);font-size:.78rem}.arena-strip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.arena-inspector-live-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.arena-live-follow-button{min-width:84px}.arena-move-timeline{display:flex;flex-direction:column;gap:.45rem;max-height:220px;overflow-y:auto}.arena-timeline-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left}.arena-timeline-button small{color:var(--text-muted)}.arena-timeline-button.active{background:#ffffff2e;border-color:#fff6}.status{font-size:1.1rem;color:var(--accent-color);font-weight:700;text-align:center}.error-status{color:#ff9f9f}.info-status{color:#a8d8ff}.mode-select{display:flex;flex-direction:column;gap:.5rem}.analysis-controls{border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.analysis-hint{color:var(--text-muted);font-size:.8rem}.analyze-button{width:100%}.analysis-error{margin-top:-.2rem}.llm-config{border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;display:flex;flex-direction:column;gap:.45rem}.llm-config h4{margin:0;font-size:.95rem}.llm-config label{font-size:.8rem;color:var(--text-muted)}.llm-config select,.llm-config input{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.45rem .5rem;background:#0003;color:#fff}.llm-config input::placeholder{color:#ffffff73}.llm-config-error{color:#ff9f9f;font-size:.8rem}.opponent-info{border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.opponent-title{font-weight:700;color:#d4f3ff;font-size:.95rem}.opponent-detail{color:var(--text-muted);font-size:.82rem}.opponent-metric{margin-top:.2rem;color:#f2e4a3;font-size:.84rem;font-weight:600}.history-container{overflow-y:auto;max-height:400px;width:100%}.history-table{width:100%;border-collapse:collapse;font-size:.9em}.history-table th{text-align:left;padding:8px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.history-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}.history-table tr:hover{background:#ffffff0d}.move-num{color:var(--text-muted);width:40px}.white-move,.black-move{color:var(--text-main);font-family:Courier New,monospace}.captures-container{display:flex;flex-direction:column;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.capture-row{display:flex;align-items:center;font-size:.9em;color:var(--text-muted)}.piece-icon{font-size:1.2em;margin-left:2px}.white-piece{color:#fff;text-shadow:0 0 2px #000}.black-piece{color:#000;text-shadow:0 0 2px #fff}.promotion-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.promotion-modal{min-width:280px;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#181818f2;box-shadow:0 20px 50px #00000073;display:flex;flex-direction:column;gap:.75rem;text-align:center}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.promotion-button{font-size:1.8rem;padding:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer}.promotion-button:hover{background:#ffffff29}.promotion-cancel{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;border-radius:8px;padding:.5rem;cursor:pointer}.analysis-panel{margin-top:1rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;display:flex;flex-direction:column;gap:.6rem}.analysis-panel h3,.analysis-panel h4{margin:0}.analysis-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.analysis-card{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.6rem;background:#ffffff0a;display:flex;flex-direction:column;gap:.25rem}.analysis-card-title{color:#d4f3ff;font-size:.8rem;font-weight:700}.analysis-elo{font-size:1.5rem;font-weight:700;color:#f2e4a3}.analysis-metric{color:var(--text-muted);font-size:.78rem}.analysis-list{display:flex;flex-direction:column;gap:.45rem}.analysis-item{border-left:4px solid rgba(255,255,255,.25);background:#ffffff0a;border-radius:8px;padding:.5rem .6rem}.analysis-item.inaccuracy{border-left-color:#f2d785}.analysis-item.mistake{border-left-color:#f5a56b}.analysis-item.blunder{border-left-color:#f26b6b}.analysis-item.best{border-left-color:#6bcf8a}.analysis-item.turning-point{border-left-color:#8fc9ff}.analysis-item-title{font-size:.86rem;color:#fff;font-weight:700}.analysis-item-meta{color:#d5dce8;font-size:.77rem}.analysis-item-copy{color:var(--text-muted);font-size:.78rem}.analysis-summary{margin:0;color:#e4edf7;font-size:.86rem;line-height:1.45}.analysis-note{color:var(--text-muted);font-size:.75rem}.analysis-empty{color:var(--text-muted);font-size:.8rem}@media(max-width:1100px){.game-layout{flex-direction:column;align-items:center}.arena-layout{grid-template-columns:1fr}.controls-panel,.info-panel{width:min(600px,90vw)}.arena-layout>.glass-panel{width:min(700px,90vw)}.analysis-card-grid,.arena-metric-grid{grid-template-columns:1fr}.matrix-layout>.glass-panel{width:min(900px,92vw)}}.matrix-layout{width:100%;display:flex;justify-content:center}.matrix-panel{width:min(1100px,95vw)}.matrix-header h3{margin:0 0 .35rem}.matrix-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:end;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08}.matrix-filters label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.matrix-filters input,.matrix-filters select{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.45rem .5rem;background:#0003;color:#fff}.matrix-filter-actions{display:flex;gap:.5rem;flex-wrap:wrap}.matrix-section{display:flex;flex-direction:column;gap:.5rem}.matrix-section h4{margin:0;color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.matrix-row-missing td{color:var(--text-muted);font-style:italic}.matrix-delta-positive{color:#8cd58c;font-weight:600}.matrix-delta-negative{color:#ff9f9f;font-weight:600}.matrix-run-links{display:flex;flex-wrap:wrap;gap:.25rem}.matrix-run-link{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.15rem .4rem;font-size:.8rem;background:#ffffff0a;color:inherit;cursor:pointer}.matrix-run-link:hover{background:#ffffff1f}.matrix-replay-button{border:1px solid rgba(120,200,255,.4);border-radius:6px;padding:.2rem .55rem;font-size:.8rem;background:#64b4ff1f;color:#d9eeff;cursor:pointer}.matrix-replay-button:hover{background:#64b4ff40}.failures-labels{display:flex;flex-wrap:wrap;gap:.4rem .7rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08}.failures-label-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted);cursor:pointer}.failures-label-pill input[type=checkbox]{accent-color:#78b8ff}.failures-summary{display:flex;gap:1rem;align-items:center;font-size:.85rem;color:var(--text-muted)}.failures-cap-warning{color:#ffbf6d;font-weight:600}.failures-label-tags{display:flex;flex-wrap:wrap;gap:.2rem}.failures-label-tag{display:inline-block;padding:.1rem .4rem;border-radius:10px;background:#78b8ff26;border:1px solid rgba(120,184,255,.35);color:#d9eeff;font-size:.72rem;letter-spacing:.02em}.failures-pagination{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;font-size:.85rem;color:var(--text-muted)}.failures-pagination button{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.25rem .6rem;font-size:.8rem;background:#ffffff0a;color:inherit;cursor:pointer}.failures-pagination button:disabled{opacity:.5;cursor:not-allowed}.deployment-card{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a}.deployment-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text-muted);font-size:.82rem}.deployment-row strong{color:#fff;font-size:.88rem}.deployment-note{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.45}.operator-panel{display:flex;flex-direction:column;gap:.6rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12)}.operator-panel label{font-size:.78rem;color:var(--text-muted)}.operator-panel input{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.45rem .5rem;background:#0003;color:#fff}.operator-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.operator-panel-header h4{margin:0}.operator-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,191,109,.35);background:#ffbf6d1f;color:#ffbf6d;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.operator-badge.active{border-color:#78d58c59;background:#78d58c1f;color:#8cd58c}