:root{color-scheme:dark;--bg: #070b12;--bg-elev: #0a1019;--surface: #0e1726;--surface-2: #111d30;--surface-raised: #16223a;--border: #1d2a40;--border-strong: #2c3d59;--text: #c2cee0;--text-strong: #f3f7fd;--muted: #8493ab;--muted-2: #647189;--accent: #2f8bff;--accent-strong: #5aa6ff;--accent-2: #22d3ee;--accent-soft: rgba(47, 139, 255, .14);--accent-border: rgba(47, 139, 255, .35);--ring: rgba(47, 139, 255, .55);--accent-fill: var(--accent);--on-accent: #04101f;--success: #34d399;--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .35);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .3);--danger-border-2: rgba(248, 113, 113, .25);--sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 18px 40px -24px rgba(0, 0, 0, .75);--duration-fast: .12s;--duration: .16s;--container: 1200px;--header-h: 68px;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root:not(.light){color-scheme:light;--bg: #f3f6fb;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f6f9fd;--surface-raised: #ffffff;--border: #e3eaf3;--border-strong: #cbd6e6;--text: #44566d;--text-strong: #0c1a2c;--muted: #5b6b82;--muted-2: #7686a0;--accent: #1f7ae0;--accent-strong: #1768c4;--accent-2: #0ea5c4;--accent-soft: rgba(31, 122, 224, .1);--accent-border: rgba(31, 122, 224, .28);--ring: rgba(31, 122, 224, .5);--accent-fill: var(--accent-strong);--on-accent: #ffffff;--success: #047857;--warn: #b45309;--warn-soft: rgba(180, 83, 9, .12);--warn-border: rgba(180, 83, 9, .35);--danger: #b91c1c;--danger-soft: rgba(185, 28, 28, .1);--danger-border: rgba(185, 28, 28, .3);--danger-border-2: rgba(185, 28, 28, .25);--shadow-sm: 0 1px 2px rgba(15, 35, 70, .12);--shadow: 0 18px 40px -28px rgba(15, 35, 70, .4)}}html.light{color-scheme:light;--bg: #f3f6fb;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f6f9fd;--surface-raised: #ffffff;--border: #e3eaf3;--border-strong: #cbd6e6;--text: #44566d;--text-strong: #0c1a2c;--muted: #5b6b82;--muted-2: #7686a0;--accent: #1f7ae0;--accent-strong: #1768c4;--accent-2: #0ea5c4;--accent-soft: rgba(31, 122, 224, .1);--accent-border: rgba(31, 122, 224, .28);--ring: rgba(31, 122, 224, .5);--accent-fill: var(--accent-strong);--on-accent: #ffffff;--success: #047857;--warn: #b45309;--warn-soft: rgba(180, 83, 9, .12);--warn-border: rgba(180, 83, 9, .35);--danger: #b91c1c;--danger-soft: rgba(185, 28, 28, .1);--danger-border: rgba(185, 28, 28, .3);--danger-border-2: rgba(185, 28, 28, .25);--shadow-sm: 0 1px 2px rgba(15, 35, 70, .12);--shadow: 0 18px 40px -28px rgba(15, 35, 70, .4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}h1,h2,h3,h4{color:var(--text-strong);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}p{margin:0}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent)}code,.mono{font-family:var(--mono)}img,svg{max-width:100%}button{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.app-container{max-width:var(--container);margin:0 auto;padding:var(--space-6) var(--space-4);min-height:100vh}.battle-setup{max-width:640px;margin:0 auto;padding:var(--space-8) 0}.setup-header{text-align:center;margin-bottom:var(--space-8)}.setup-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-2);letter-spacing:-.03em}.setup-subtitle{font-size:var(--text-base);color:var(--muted)}.competitor-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.competitor-slot{display:flex;align-items:center;gap:var(--space-3)}.slot-indicator{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;border:2px solid var(--slot-color, var(--border));flex-shrink:0}.slot-rank{font-size:var(--text-sm);font-weight:700;color:var(--text-strong)}.entity-search-input{flex:1;position:relative}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-2)}.search-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-strong);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color var(--duration-fast) ease}.search-field:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.search-field::placeholder{color:var(--muted)}.remove-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);transition:color var(--duration-fast),border-color var(--duration-fast);flex-shrink:0}.remove-btn:hover{color:var(--danger);border-color:var(--danger)}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:280px;overflow-y:auto;z-index:100;box-shadow:var(--shadow)}.search-status{padding:var(--space-3) var(--space-4);color:var(--muted);font-size:var(--text-sm)}.search-status.search-error{color:var(--danger)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast)}.search-result-item:hover,.search-result-item.highlighted{background:var(--accent-soft)}.search-thumbnail{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0}.search-result-text{display:flex;flex-direction:column;min-width:0}.search-title{font-size:var(--text-sm);font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-description{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-competitor-btn{display:block;width:100%;padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--accent-strong);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast);margin-bottom:var(--space-6);font-family:inherit}.add-competitor-btn:hover{border-color:var(--accent);color:var(--accent)}.add-competitor-btn:disabled{opacity:.4;cursor:not-allowed}.date-range-section{margin-bottom:var(--space-6)}.section-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--muted);margin-bottom:var(--space-2)}.range-options{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.range-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast);font-family:inherit}.range-btn:hover{border-color:var(--accent-border);color:var(--accent-strong)}.range-btn.active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.custom-range{display:flex;gap:var(--space-4)}.range-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.range-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-strong);font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color var(--duration-fast)}.range-input:focus{border-color:var(--accent-border)}.error-message{padding:var(--space-3) var(--space-4);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--space-4)}.start-battle-btn{display:block;width:100%;padding:var(--space-4);border:none;border-radius:var(--radius);background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:opacity var(--duration-fast),transform var(--duration-fast);font-family:inherit;letter-spacing:-.01em}.start-battle-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.start-battle-btn:disabled{opacity:.4;cursor:not-allowed}.theme-toggle{position:fixed;top:var(--space-3);right:var(--space-3);z-index:200;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);font-family:inherit;line-height:1}.theme-toggle:hover{border-color:var(--accent-border);color:var(--accent-strong);background:var(--accent-soft)}.skip-link{position:absolute;top:-100%;left:var(--space-3);z-index:300;padding:var(--space-2) var(--space-4);background:var(--accent-fill);color:var(--on-accent);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:top var(--duration-fast)}.skip-link:focus{top:var(--space-2)}.attribution{text-align:center;margin-top:var(--space-6);font-size:var(--text-xs);color:var(--muted)}.attribution a{color:var(--muted-2)}.attribution a:hover{color:var(--accent-strong)}.attribution-bottom{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border)}.loading-state{max-width:480px;margin:var(--space-12) auto;text-align:center}.loading-progress{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.loading-stage{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);transition:all var(--duration)}.loading-stage.active{border-color:var(--accent-border);background:var(--accent-soft)}.loading-stage.done{opacity:.6;border-color:var(--border)}.stage-icon{font-size:var(--text-lg);width:24px;text-align:center}.stage-label{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.stage-spinner{width:16px;height:16px;border:2px solid var(--accent-border);border-top-color:var(--accent-strong);border-radius:50%;animation:spin .8s linear infinite;margin-left:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:var(--text-sm);color:var(--muted)}.battle-view{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto auto auto auto auto;gap:var(--space-6)}.race-main{grid-column:1}.race-visualization{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.race-title{font-size:var(--text-base);font-weight:700;color:var(--muted)}.race-date{font-size:var(--text-lg);font-weight:700;color:var(--text-strong)}.race-svg{display:block;overflow:visible}.race-bar-group{transition:transform .4s ease-in-out}.race-bar{transition:width .4s ease-in-out,opacity .2s}.result-badge{text-align:center;padding:var(--space-2);margin-top:var(--space-3)}.result-label{font-size:var(--text-lg);font-weight:800;color:var(--accent-strong);letter-spacing:.1em}.lead-change-flash{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius-sm);margin-top:var(--space-2);animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-8px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.lead-change-icon{font-size:var(--text-lg)}.lead-change-text{font-size:var(--text-sm);font-weight:600;color:var(--warn)}.playback-controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.playback-timeline{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.timeline-label{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;min-width:60px;text-align:center}.timeline-scrubber{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.timeline-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-fill);cursor:pointer;border:2px solid var(--surface);box-shadow:0 1px 3px #0000004d}.playback-buttons{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.playback-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text-strong);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);font-family:inherit}.playback-btn:hover{border-color:var(--accent-border);background:var(--accent-soft)}.play-pause-btn{width:48px;height:48px;font-size:var(--text-lg);background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.play-pause-btn:hover{opacity:.9}.speed-controls{display:flex;justify-content:center;gap:var(--space-2)}.speed-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast);font-family:inherit}.speed-btn:hover{border-color:var(--accent-border);color:var(--accent-strong)}.speed-btn.active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.trajectory-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-4)}.chart-title{font-size:var(--text-sm);font-weight:700;color:var(--muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.trajectory-svg{display:block}.race-sidebar{grid-column:2;display:flex;flex-direction:column;gap:var(--space-4)}.result-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.action-btn{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-strong);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast);font-family:inherit;text-align:center}.action-btn:hover{border-color:var(--accent-border);background:var(--accent-soft)}.replay-btn{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.replay-btn:hover{opacity:.9}.share-btn{background:var(--success);color:#04101f;border-color:var(--success)}.share-btn:hover{opacity:.9}.lead-change-notification{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius-sm);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.lead-change-flash-icon{font-size:var(--text-lg)}.lead-change-message{font-size:var(--text-xs);font-weight:700;color:var(--warn);text-transform:uppercase;letter-spacing:.08em}.lead-change-detail{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.spike-highlights{display:flex;flex-direction:column;gap:var(--space-2)}.spike-notification{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--danger-soft);border:1px solid var(--danger-border-2);border-radius:var(--radius-sm)}.spike-icon{font-size:var(--text-lg)}.spike-text{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.exploration-modes{grid-column:1 / -1;display:flex;gap:var(--space-2);padding:var(--space-3) 0}.mode-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast);font-family:inherit}.mode-btn:hover{border-color:var(--accent-border);color:var(--accent-strong)}.mode-btn.active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.timeline-view,.cumulative-view{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.timeline-svg,.cumulative-svg{display:block}.share-view{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.share-bars{display:flex;flex-direction:column;gap:var(--space-3)}.share-bar-row{display:flex;align-items:center;gap:var(--space-3)}.share-entity-name{font-size:var(--text-sm);font-weight:600;min-width:120px}.share-bar-track{flex:1;height:20px;background:var(--surface-2);border-radius:10px;overflow:hidden}.share-bar-fill{height:100%;border-radius:10px;transition:width .3s ease;min-width:2px}.share-value{font-size:var(--text-sm);font-weight:700;color:var(--text-strong);min-width:48px;text-align:right}.share-absolute{font-size:var(--text-xs);color:var(--muted);min-width:60px;text-align:right}.result-metrics{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.metrics-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.metric-value{font-size:var(--text-lg);font-weight:700;color:var(--text-strong)}.per-competitor-metrics{margin-top:var(--space-6)}.sub-title{font-size:var(--text-sm);font-weight:700;color:var(--muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.metrics-table{width:100%;border-collapse:collapse}.metrics-table th{text-align:left;font-size:var(--text-xs);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.metrics-table td{padding:var(--space-3);font-size:var(--text-sm);color:var(--text);border-bottom:1px solid var(--border)}.entity-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--space-2);vertical-align:middle}.error-state{max-width:480px;margin:var(--space-12) auto;text-align:center}.error-text{font-size:var(--text-lg);color:var(--danger);margin-bottom:var(--space-4)}.retry-btn{padding:var(--space-3) var(--space-6);border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--duration-fast);font-family:inherit}.retry-btn:hover{background:var(--accent-fill);color:var(--on-accent)}.reduced-motion-notice{text-align:center;padding:var(--space-2);font-size:var(--text-xs);color:var(--muted)}@media(max-width:768px){.battle-view{grid-template-columns:1fr}.race-sidebar{grid-column:1}.playback-timeline{flex-direction:column;gap:var(--space-2)}.timeline-label{min-width:auto}.metrics-grid{grid-template-columns:1fr}.share-bar-row{flex-wrap:wrap}.share-entity-name{min-width:80px;font-size:var(--text-xs)}.setup-title{font-size:var(--text-2xl)}.race-svg{height:auto}.result-actions{flex-direction:row;flex-wrap:wrap}.action-btn{flex:1;min-width:100px}.exploration-modes{overflow-x:auto}}@media(max-width:480px){.custom-range{flex-direction:column;gap:var(--space-2)}.setup-title{font-size:var(--text-xl)}.competitor-slot{flex-direction:column;align-items:stretch}.slot-indicator{display:none}}@media(prefers-reduced-motion:reduce){.race-bar-group,.race-bar{transition:none}.lead-change-flash{animation:none;opacity:1}.lead-change-notification{animation:none}}