:root,[data-theme=dark]{--bg-base: #0e1015;--bg-surface: #161920;--bg-card: #1c1f28;--bg-card-hover: #232733;--bg-highlight: #2a2e3a;--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #555a6b;--p1-color: #e8a944;--p1-color-dim: #9e7530;--p1-bg: rgba(232, 169, 68, .08);--p2-color: #4a9eed;--p2-color-dim: #336fa5;--p2-bg: rgba(74, 158, 237, .08);--severity-skirmish: #6b7280;--severity-significant: #d97706;--severity-decisive: #ef4444;--battle-highlight: rgba(239, 68, 68, .08);--win-color: #34d399;--loss-color: #f87171;--border-color: #2a2e3a;--border-subtle: #1f2330;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}[data-theme=light]{--bg-base: #f5f6f8;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f1f4;--bg-highlight: #e8e9ed;--text-primary: #1a1c22;--text-secondary: #5c6070;--text-muted: #9196a6;--p1-color: #c4850a;--p1-color-dim: #a06d08;--p1-bg: rgba(196, 133, 10, .08);--p2-color: #2074c4;--p2-color-dim: #1a5d9e;--p2-bg: rgba(32, 116, 196, .08);--severity-skirmish: #9ca3af;--severity-significant: #d97706;--severity-decisive: #dc2626;--battle-highlight: rgba(220, 38, 38, .06);--win-color: #16a34a;--loss-color: #dc2626;--border-color: #dfe1e6;--border-subtle: #eaecf0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body,.card,.ga-event-card,.ga-alive-panel,.ga-chart-container,.search-bar,.theme-toggle{transition:background-color .2s,border-color .2s,color .2s}.app-layout{display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto;padding:0 24px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:24px;flex-shrink:0}.app-title{font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)}.app-title span{color:var(--text-primary)}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s;line-height:1}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-primary)}.app-content{flex:1;overflow-y:auto;padding-bottom:40px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}.breadcrumb button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:13px;padding:2px 4px;border-radius:3px;transition:color .15s}.breadcrumb button:hover{color:var(--text-primary)}.breadcrumb .separator{color:var(--text-muted)}.breadcrumb .current{color:var(--text-primary)}.player-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--border-subtle)}.player-tab{padding:8px 20px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.player-tab:hover{color:var(--text-secondary)}.player-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.search-bar{width:100%;max-width:400px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;outline:none;transition:border-color .15s;margin-bottom:20px}.search-bar::placeholder{color:var(--text-muted)}.search-bar:focus{border-color:var(--text-secondary)}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:background .15s,border-color .15s}.card:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.player-list{display:flex;flex-direction:column;gap:8px}.player-list .player-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:20px}.player-card .player-name{font-size:15px;font-weight:600}.player-card .player-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.player-card .player-meta .label{color:var(--text-muted);margin-right:4px}.player-card .pro-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--p1-color);background:var(--p1-bg);padding:2px 8px;border-radius:3px;margin-left:8px;vertical-align:middle}@media(max-width:600px){.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.player-list .player-card{display:flex;flex-direction:column;align-items:flex-start}}.game-list{display:flex;flex-direction:column;gap:8px}.game-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:20px}.game-card .game-matchup{display:flex;align-items:center;gap:8px;min-width:260px}.game-card .civ-name{font-size:14px;font-weight:500}.game-card .civ-name.player-civ{color:var(--p1-color)}.game-card .civ-name.opponent-civ{color:var(--p2-color)}.game-card .vs{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.game-card .opponent-line{font-size:13px;color:var(--text-secondary)}.game-card .opponent-line .name{color:var(--text-primary)}.game-card .game-meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);justify-content:flex-end}.game-card .game-date{color:var(--text-muted)}.game-card .result-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:3px}.game-card .result-badge.win{color:var(--win-color);background:#34d3991a}.game-card .result-badge.loss{color:var(--loss-color);background:#f871711a}@media(max-width:600px){.game-list{display:grid;grid-template-columns:1fr;gap:12px}.game-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.game-card .game-matchup{min-width:unset;margin-bottom:2px}.game-card .game-meta{justify-content:flex-start;flex-wrap:wrap;gap:10px}}.section-header{font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.game-analysis{display:flex;flex-direction:column;gap:28px}.ga-header{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.ga-matchup{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.ga-player{display:flex;align-items:center;gap:10px}.ga-name{font-size:16px;font-weight:600}.ga-civ{font-size:13px;color:var(--text-secondary)}.ga-player.p1 .ga-name{color:var(--p1-color)}.ga-player.p2 .ga-name{color:var(--p2-color)}.ga-player.p1 .ga-civ{color:var(--p1-color-dim)}.ga-player.p2 .ga-civ{color:var(--p2-color-dim)}.ga-result{font-size:11px;font-weight:700;padding:2px 6px;border-radius:3px;font-family:var(--font-mono)}.ga-result.win{color:var(--win-color);background:#34d3991f}.ga-result.loss{color:var(--loss-color);background:#f871711f}.ga-vs{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.ga-meta{display:flex;justify-content:center;gap:20px;font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.ga-chart-section .section-header{display:flex;align-items:baseline;gap:4px}.ga-time-indicator{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-transform:none;letter-spacing:0}.ga-chart-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 8px 8px 0}.ga-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;box-shadow:0 8px 24px #0006}.ga-tooltip-time{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:6px;font-size:11px}.ga-tooltip-row{display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.ga-tooltip-row.p1{color:var(--p1-color)}.ga-tooltip-row.p2{color:var(--p2-color)}.ga-tooltip-dot{width:6px;height:6px;border-radius:50%}.ga-tooltip-row.p1 .ga-tooltip-dot{background:var(--p1-color)}.ga-tooltip-row.p2 .ga-tooltip-dot{background:var(--p2-color)}.ga-alive-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ga-alive-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;min-height:120px}.ga-alive-panel.p1{border-top:2px solid var(--p1-color-dim)}.ga-alive-panel.p2{border-top:2px solid var(--p2-color-dim)}.ga-alive-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.ga-alive-name{font-size:14px;font-weight:600}.p1 .ga-alive-name{color:var(--p1-color)}.p2 .ga-alive-name{color:var(--p2-color)}.ga-alive-civ{font-size:12px;color:var(--text-muted)}.ga-alive-hint{font-size:12px;color:var(--text-muted);padding:16px 0;text-align:center}.ga-alive-units{display:flex;flex-direction:column;gap:3px}.ga-alive-row{display:grid;grid-template-columns:1fr 40px 64px;align-items:center;padding:3px 0;font-size:12px}.ga-alive-row.spacer{visibility:hidden}.ga-alive-unit-name{color:var(--text-primary)}.ga-alive-count{text-align:right;font-size:13px;font-weight:500}.ga-alive-value{text-align:right;font-size:11px}.ga-alive-total{display:grid;grid-template-columns:1fr 40px 64px;align-items:center;padding:6px 0 0;margin-top:4px;border-top:1px solid var(--border-subtle);font-size:12px;font-weight:600;color:var(--text-secondary)}.ga-alive-group-divider{height:1px;background:var(--border-subtle);margin:6px 0}.ga-alive-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:2px}.comp-ratio-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin:2px 0 6px}.comp-ratio-segment{height:100%;min-width:2px}.ga-events-list{display:flex;flex-direction:column;gap:8px}.ga-event-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;transition:background .15s,border-color .15s}.ga-event-card.battle{cursor:pointer}.ga-event-card.battle:hover{background:var(--bg-card-hover)}.ga-event-card.battle.selected{border-color:var(--severity-decisive);background:var(--bg-card-hover)}.ga-event-card.battle.severity-skirmish{border-left:3px solid var(--severity-skirmish)}.ga-event-card.battle.severity-significant{border-left:3px solid var(--severity-significant)}.ga-event-card.battle.severity-decisive{border-left:3px solid var(--severity-decisive)}.ga-event-card.gap{background:var(--bg-surface);border-color:var(--border-subtle);cursor:pointer;transition:background .15s,border-color .15s}.ga-event-card.gap:hover{background:var(--bg-card)}.ga-event-card.gap.selected{border-color:var(--text-muted);background:var(--bg-card)}.ga-event-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ga-severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ga-severity-dot.severity-skirmish{background:var(--severity-skirmish)}.ga-severity-dot.severity-significant{background:var(--severity-significant)}.ga-severity-dot.severity-decisive{background:var(--severity-decisive)}.ga-severity-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ga-severity-label.severity-skirmish{color:var(--severity-skirmish)}.ga-severity-label.severity-significant{color:var(--severity-significant)}.ga-severity-label.severity-decisive{color:var(--severity-decisive)}.ga-event-time{font-size:12px;color:var(--text-secondary)}.ga-gap-icon{font-size:12px;color:var(--text-muted)}.ga-gap-duration{font-size:12px;margin-left:auto}.ga-event-stats{display:flex;flex-direction:column;gap:4px;font-size:12px}.ga-loss,.ga-production{display:flex;align-items:center;gap:10px}.ga-loss-label{font-size:11px;font-weight:500;min-width:100px}.ga-loss.p1 .ga-loss-label,.ga-production.p1 .ga-loss-label{color:var(--p1-color-dim)}.ga-loss.p2 .ga-loss-label,.ga-production.p2 .ga-loss-label{color:var(--p2-color-dim)}.ga-battle-detail{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}.ga-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.ga-detail-col-header{font-size:12px;font-weight:600;margin-bottom:8px}.ga-detail-col.p1 .ga-detail-col-header{color:var(--p1-color)}.ga-detail-col.p2 .ga-detail-col-header{color:var(--p2-color)}.ga-comp-diff{display:flex;flex-direction:column;gap:2px}.ga-comp-row{display:flex;align-items:center;gap:6px;font-size:11px}.ga-comp-name{min-width:80px;color:var(--text-secondary)}.ga-comp-arrow{color:var(--text-muted);font-size:10px}.ga-comp-lost{color:var(--loss-color);font-size:10px}.ga-loss-detail{padding-top:10px;border-top:1px solid var(--border-subtle)}.ga-loss-detail-header{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ga-loss-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:2px 0}.ga-loss-row.p1 .ga-loss-unit{color:var(--p1-color-dim)}.ga-loss-row.p2 .ga-loss-unit{color:var(--p2-color-dim)}.ga-loss-unit{min-width:100px}.ga-event-game-context{display:flex;align-items:center;gap:10px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--border-subtle);font-size:12px}.ga-event-date{color:var(--text-secondary)}.ga-event-matchup{font-weight:500}.ga-jump-to-game{display:block;width:100%;margin-top:10px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;cursor:pointer;text-align:center;transition:all .15s ease}.ga-jump-to-game:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary);border-color:var(--text-muted)}:root{--donut-p0-eco: rgba(96, 165, 250, .3);--donut-p0-mil: rgba(96, 165, 250, .85);--donut-p1-eco: rgba(251, 146, 60, .3);--donut-p1-mil: rgba(251, 146, 60, .85)}[data-theme=light]{--donut-p0-eco: rgba(37, 99, 235, .2);--donut-p0-mil: rgba(37, 99, 235, .75);--donut-p1-eco: rgba(234, 88, 12, .2);--donut-p1-mil: rgba(234, 88, 12, .75)}.ga-card-body{display:flex;align-items:flex-start;gap:10px;padding:6px 0 2px}.ga-card-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px}.ga-card-column.right{align-items:flex-end;text-align:right}.ga-card-center{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;gap:6px;padding-top:2px}.ga-donut-stack{display:flex;flex-direction:column;align-items:center;gap:2px}.ga-donut-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.value-donut{display:block}.ga-col-name{font-size:13px;font-weight:600;margin-bottom:2px}.ga-col-name.p1{color:var(--p1-color)}.ga-col-name.p2{color:var(--p2-color)}.ga-col-total{font-size:13px;color:var(--text-primary)}.ga-col-split{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-secondary);flex-wrap:wrap}.ga-card-column.right .ga-col-split{justify-content:flex-end}.ga-col-sep{color:var(--text-muted);margin:0 1px}.ga-color-dot{display:inline-block;width:7px;height:7px;border-radius:2px;flex-shrink:0}.ga-color-dot.donut-p0-mil{background-color:var(--donut-p0-mil)}.ga-color-dot.donut-p0-eco{background-color:var(--donut-p0-eco)}.ga-color-dot.donut-p1-mil{background-color:var(--donut-p1-mil)}.ga-color-dot.donut-p1-eco{background-color:var(--donut-p1-eco)}.ga-lost-header{font-size:11px;font-weight:600;color:var(--severity-significant, #ef4444);margin-top:4px;opacity:.8}.ga-lost-stat{font-size:12px;color:var(--text-secondary)}.ga-prod-stat{font-size:12px;color:var(--text-secondary);margin-top:4px}.ga-delta-columns{display:flex;gap:12px;padding-top:8px}.ga-delta-col{flex:1;min-width:0}.ga-delta-col-header{font-size:13px;font-weight:600;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.ga-delta-col.p1 .ga-delta-col-header{color:var(--p1-color)}.ga-delta-col.p2 .ga-delta-col-header{color:var(--p2-color)}.ga-delta-group{margin-bottom:2px}.ga-delta-group-divider{height:1px;background:var(--border-subtle);margin:4px 0;opacity:.5}.ga-delta-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px}.ga-delta-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 56px 56px 32px;align-items:center;column-gap:6px;min-height:20px;font-size:12px}.ga-delta-row.spacer{visibility:hidden}.ga-delta-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ga-delta-values{display:contents}.ga-delta-start,.ga-delta-end{text-align:right;font-size:12px}.ga-delta-arrow{color:var(--text-muted);font-size:10px}.ga-delta-chip{font-size:11px;padding:0 3px;border-radius:3px;cursor:default}.ga-delta-chip.produced{color:#22c55e;background:#22c55e1a}.ga-delta-chip.lost{color:#ef4444;background:#ef44441a}@media(max-width:600px){.ga-delta-row{grid-template-columns:26px 44px 44px 26px}.ga-delta-columns{gap:6px}.ga-delta-row .ga-delta-name{grid-column:1 / -1;font-size:11px;color:var(--text-secondary);margin-bottom:1px}.ga-delta-row.header .ga-delta-name{display:none}.ga-delta-row.spacer:before{content:" ";grid-column:1 / -1;font-size:11px;line-height:1.5;margin-bottom:1px}}.ga-event-card.battle.outcome-win{border-left:3px solid rgba(34,197,94,.6)}.ga-event-card.battle.outcome-loss{border-left:3px solid rgba(239,68,68,.5)}.ga-event-card.battle.outcome-draw{border-left:3px solid rgba(163,163,163,.4)}.ga-outcome-badge{font-size:11px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:auto;letter-spacing:.3px}.ga-outcome-badge.win{color:#22c55e;background:#22c55e1f}.ga-outcome-badge.loss{color:#ef4444;background:#ef44441f}.ga-outcome-badge.draw{color:var(--text-muted);background:#a3a3a31a}