:root{--font-display:"Sora", sans-serif;--font-body:"Rajdhani", system-ui, sans-serif;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--space-stack:12px;--space-section:24px;--bg:#08090d;--bg-dark:#050608;--bg-card:#0f121c99;--bg-card-hov:#141926cc;--card-bg:var(--bg-card);--border:#d4890f1f;--border-hov:#d4890f59;--border-sub:#ffffff0d;--text:#f0f4f8;--text-2:#aabac9;--muted:#889bb0;--accent:#f3a019;--accent2:#4cc9f0;--accent-dim:#f3a0191a;--accent-gradient:linear-gradient(180deg, #f3a0191a 0%, #f3a0190d 100%);--accent-shadow:0 0 20px #00000080;--terran:#4cc9f0;--zerg:#b560ff;--protoss:#f0c040;--random:#9d81ff;--race-terran:var(--terran);--race-zerg:var(--zerg);--race-protoss:var(--protoss);--race-random:var(--random);--success:#48f291;--danger:#ff5e5e;--warn:#ffd166;--color-win:#2ed47a;--color-loss:#f04040;--color-neutral:var(--accent);--success-bg-subtle:#48f2910f;--success-border-subtle:#48f2912e;--danger-bg-subtle:#ff5e5e0a;--danger-border-subtle:#ff5e5e26;--danger-bg-soft:#ff5e5e0a;--danger-border-soft:#ff5e5e33;--success-bg-soft:#48f29114;--success-border-soft:#48f29140;--surface:#ffffff08;--surface-hov:#ffffff0f;--surface-elev:#ffffff14;--glass-bg:#060812bf;--glass-border:#ffffff0f;--glass-blur:blur(8px);--menu-bg:#080a14;--r:8px;--r-lg:14px;--r-sm:4px;--r-pill:999px;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 12px 36px #000000b3;--shadow-float:0 16px 48px #000c;--glow-accent:0 0 20px #f3a01926;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--dur:.28s;--dur-fast:.15s;--dur-slow:.5s;--dur-hero:.8s;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:22px;--text-2xl:28px;--primary:var(--accent);--primary-rgb:243, 160, 25;--bg-body:var(--bg);--text-1:var(--text);--surface-2:var(--surface-hov);--border-subtle:var(--border-sub);--btn-text:#fff;--grid-line:#ffffff08;--shadow-glow:0 0 15px #f3a0191a;--chart-grid:#ffffff0d;--chart-grid-minor:#ffffff08;--chart-zero-line:#ffffff1f;--chart-text:#ffffff80;--chart-tick:#ffffff4d;--chart-bg:#141419e6;--chart-fill-cyan:#4cc9f01f;--chart-fill-gold:#f3a0191f;--chart-fill-red:#ff6b6b1f;--chart-fill-green:#2ed47a1f;--chart-fill-orange:#ff9f431f;--chart-fill-purple:#9575cd1f;--league-bronze:#cd7f32;--league-silver:#adbbc8;--league-gold:#f3a019;--league-platinum:#aabac9;--league-diamond:#4cc9f0;--league-master:#4cc9f0;--league-grandmaster:#ffd166;--od-grid:#4cc9f00d;--od-glow:#4cc9f026;--od-accent:#4cc9f0;--od-accent-rgb:76, 201, 240;--od-scanline:linear-gradient(to bottom, transparent 50%, #0000001a 50%);--od-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--od-telemetry:"JetBrains Mono", "Roboto Mono", monospace;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-toast:700}[data-theme=light]{--bg:#f5f6f8;--bg-dark:#ebedf0;--bg-card:#fffffff2;--bg-card-hov:#fff;--card-bg:var(--bg-card);--border:#b46e1438;--border-hov:#b46e148c;--border-sub:#00000014;--text:#1a1d24;--text-2:#2d3748;--muted:#4a5568;--accent:#b8740d;--accent2:#0e8fb8;--accent-dim:#b8740d1f;--accent-gradient:linear-gradient(135deg, #d08518 0%, #9a5d0b 100%);--surface:#0000000a;--surface-hov:#00000012;--glass:#00000005;--menu-bg:#fffffffa;--header-bg:#fffffff5;--field-bg:#0000000a;--field-bg-focus:#00000012;--field-border:#0000001f;--focus-ring:#b8740d99;--focus-ring-soft:#b8740d1f;--grid-line:#0000000d;--hero-glow:#0e8fb81f;--shadow-float:0 8px 32px #0000002e, 0 1px 0 #b8740d0a inset;--chart-tick:#4a5568;--chart-text:#1a1d24;--success-bg-subtle:#28a05a14;--success-border-subtle:#28a05a38;--danger-bg-subtle:#dc32320f;--danger-border-subtle:#dc32322e;--danger-bg-soft:#dc32320f;--danger-border-soft:#dc323240;--success-bg-soft:#28a05a1f;--success-border-soft:#28a05a59;--surface-tertiary:#00000008;--track-bg:#00000014;--chat-bg:#0000001a;--btn-text:#fff;--primary-rgb:184, 116, 13;--shadow-glow:0 0 10px #b8740d0d;--chart-grid:#00000014;--chart-grid-minor:#0000000d;--chart-zero-line:#00000038;--chart-bg:#fffffff2;--chart-fill-cyan:#0e8fb81f;--chart-fill-gold:#b8740d1f;--chart-fill-red:#dc32321f;--chart-fill-green:#28a05a1f;--chart-fill-orange:#c8781e1f;--chart-fill-purple:#785aaa1f}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}.skip-link{top:-100%;left:var(--sp-3);z-index:9999;padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--bg-dark);border-radius:0 0 var(--r) var(--r);font-size:.85rem;font-weight:700;text-decoration:none;transition:top .15s;position:absolute}.skip-link:focus{top:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#d4890f47}::-webkit-scrollbar-thumb:hover{background:#d4890f80}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg-dark);background-image:radial-gradient(circle at 20% 30%, #f3a01905 0%, transparent 40%), radial-gradient(circle at 80% 20%, #34d1ff04 0%, transparent 35%), radial-gradient(circle at 50% 80%, #d68dff03 0%, transparent 45%), repeating-linear-gradient(var(--grid-line) 0 1px, transparent 1px 60px), repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 60px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.6;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:before,body:after{content:none}@keyframes floatBlobs{0%{transform:translate(0)scale(1)}to{transform:translate(10vw,5vw)scale(1.1)}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes itemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastMeter{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progressSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer{border-radius:var(--r);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}::view-transition-old(root){animation-duration:.4s}::view-transition-new(root){animation-duration:.4s}::view-transition-old(root){animation-name:fadeOutScale}::view-transition-new(root){animation-name:fadeInScale}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}}@layer layout;@layer components{.replay-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px;padding:32px 16px 0;display:flex}.has-results .replay-hero,.has-results .replay-upload-layout,.has-results .replay-import-zone,.has-results #replay-history-section{display:none}.has-results .replay-panels-wrapper{max-width:none}.replay-hero-title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text);margin-bottom:12px;font-size:1.8rem}.replay-hero-title:before{display:none}.replay-hero-desc{color:var(--text-2);max-width:60ch;margin:0 auto;font-size:14px;line-height:1.6}.replay-mode-tabs{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.replay-mode-tab{color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;display:inline-flex}.replay-mode-tab:hover{color:var(--text-primary);background:#ffffff0d}.replay-mode-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #0003}.replay-panels-wrapper{max-width:800px;margin:0 auto}.replay-upload-layout{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.replay-dropzone{cursor:pointer;transition:all var(--dur) var(--ease);text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.replay-dropzone:hover{border-color:var(--accent);background:#4cc9f00a;transform:translateY(-2px)}.dropzone-icon{color:var(--accent);opacity:.8;transition:transform var(--dur) var(--ease)}.replay-dropzone:hover .dropzone-icon{opacity:1;transform:scale(1.1)}.dropzone-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;display:block}.dropzone-subtitle{color:var(--text-muted);font-size:13px;display:block}.desktop-helper-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;padding:20px}.helper-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.helper-title{color:var(--text);margin:0 0 6px;font-size:16px}.helper-desc{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.helper-downloads{grid-template-columns:1fr 1fr;gap:12px;display:grid}.helper-os{border:1px solid var(--border-sub);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.helper-os.is-recommended{border-color:var(--border-hov);background:var(--accent-dim)}.helper-os-head{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.helper-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-hov);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.helper-dl-btn{background:var(--accent);color:#0a0a0a;transition:filter var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.helper-dl-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.helper-dl-sub{color:var(--accent2);font-size:12px;text-decoration:none}a.helper-dl-sub:hover{text-decoration:underline}span.helper-dl-sub{color:var(--muted)}.helper-instr-toggle{color:var(--text-2);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:4px 0;font-size:12px;font-weight:600}.helper-instr-toggle:before{content:"▸ ";color:var(--accent)}.helper-instr-toggle.is-open:before{content:"▾ "}.helper-steps{border-top:1px solid var(--border-sub);grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;padding-top:14px;display:grid}.helper-steps strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-bottom:6px;font-size:12px;display:block}.helper-steps ol{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.6}@media (width<=640px){.helper-downloads,.helper-steps{grid-template-columns:1fr}}.compare-slots-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.compare-dropzone{padding:32px 16px}.compare-slot-label{color:var(--accent2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:800}.compare-dropzone .dropzone-text{font-size:14px;font-weight:600}.rpl-cards-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;display:grid}.rpl-focus-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.rpl-unified-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px;display:grid}@media (width<=768px){.rpl-focus-strip,.rpl-cards-grid,.replay-workbench-strip,.rpl-charts-grid{grid-template-columns:1fr}}.rpl-header{padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rpl-header--spaced{margin-bottom:24px}.rpl-meta{color:var(--text);font-size:13px;font-weight:500}.rpl-muted{color:var(--text-2);font-size:var(--text-sm)}.rpl-share-bar{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.matchup-badge{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r);align-items:center;gap:12px;padding:10px 16px;display:flex}.matchup-name{font-size:13px;font-weight:600}.matchup-winrate{font-size:var(--text-base);font-weight:700}.me-tag{background:var(--accent);color:#000;letter-spacing:.05em;vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:900;box-shadow:0 0 10px #d4890f66}.is-me{position:relative}.is-me .name{font-weight:700;color:var(--accent)!important}.rpl-player-card.is-me{border:1px solid var(--accent)!important;box-shadow:inset 0 3px 0 0 var(--accent), 0 0 20px #d4890f26!important}.rpl-player-card.is-me:after{content:"MOI";background:var(--accent);color:#000;padding:2px 25px;font-size:10px;font-weight:900;position:absolute;top:8px;right:-20px;transform:rotate(45deg);box-shadow:0 0 10px #0000004d}.replay-tabs{z-index:700;border:1px solid var(--border-sub);border-radius:var(--r);background:color-mix(in srgb, var(--bg-dark) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;gap:4px;margin-top:12px;padding:4px;display:flex;position:sticky;top:116px;overflow-x:auto}.replay-tabs::-webkit-scrollbar{display:none}.replay-tab{border-radius:var(--r-pill);color:var(--muted);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;flex-shrink:0;min-height:44px;padding:8px 12px}.replay-tab:hover{color:var(--text-2);background:#ffffff0a}.replay-tab.active{color:var(--accent2);box-shadow:none;background:#34d1ff14;border-color:#34d1ff40}.rpl-tab-pane{gap:10px;margin-top:16px}#pane-stats{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}#pane-stats>.rpl-table-wrapper,#pane-stats>.rpl-heroes-strip,#pane-stats>.coaching-card{grid-column:1/-1}#pane-stats>.rpl-pcard:not(.rpl-table-wrapper):not(.rpl-heroes-strip){margin-top:0!important}#pane-build,#pane-units,#pane-structures{grid-template-columns:1fr}.replay-detail-switch{border:1px solid var(--border);border-radius:var(--r);width:fit-content;margin-top:12px;display:inline-flex;overflow:hidden}.replay-detail-btn{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;min-height:44px;padding:10px 14px;font-weight:700}.replay-detail-btn+.replay-detail-btn{border-left:1px solid var(--border)}.replay-detail-btn.active{color:var(--accent2);background:#4cc9f01a}.heatmap-wrapper{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.heatmap-header{justify-content:space-between;align-items:center;display:flex}.heatmap-canvas-container{background:color-mix(in srgb, var(--bg-dark) 94%, #06131f);border-radius:var(--r-sm);border:1px solid #4cc9f033;max-width:min(100%,640px);margin-inline:auto;position:relative;overflow:hidden}.heatmap-canvas-container canvas{cursor:default;width:100%;height:auto;display:block}.heatmap-canvas-container canvas.zoom-active{cursor:grab}.heatmap-canvas-container canvas.zoom-active:active{cursor:grabbing}.heatmap-controls{gap:4px;display:flex}.heatmap-toggle{color:var(--text-2);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;padding:4px 8px;font-size:10px;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}.heatmap-toggle.active{background:var(--od-accent);color:#000;border-color:var(--od-accent)}.heatmap-footer{border-top:1px solid var(--border-sub);background:#0003;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.heatmap-legend{gap:16px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.legend-dot[data-race=terran]{background:var(--race-terran)}.legend-dot[data-race=zerg]{background:var(--race-zerg)}.legend-dot[data-race=protoss]{background:var(--race-protoss)}.legend-dot[data-race=random]{background:var(--race-random)}.legend-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.heatmap-meta{gap:12px;display:flex}.heatmap-playback{border-radius:var(--r-full);background:#0006;border:1px solid #4cc9f026;align-items:center;gap:12px;margin-top:4px;padding:8px 16px;display:flex}.heatmap-play-btn{color:var(--od-accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s,color .2s;display:flex}.heatmap-play-btn:hover{color:#fff;transform:scale(1.1)}.heatmap-slider-container{flex:1;align-items:center;gap:10px;display:flex}.heatmap-time-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.heatmap-time-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--od-accent);width:12px;height:12px;box-shadow:0 0 10px var(--od-accent);border-radius:50%;transition:transform .2s}.heatmap-time-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.heatmap-current-time{font-family:var(--font-mono);color:var(--od-accent);text-align:right;min-width:40px;font-size:11px}.timeline-scrub-wrapper{border:1px solid var(--border-sub);height:40px;margin:var(--sp-4) 0;cursor:crosshair;background:#0003;position:relative}.timeline-ruler{position:absolute;inset:0}.timeline-tick{background:#ffffff1a;border-left:1px dashed #ffffff0d;width:1px;position:absolute;top:0;bottom:0}.timeline-marker{color:var(--danger);filter:drop-shadow(0 0 6px #ff5e5e99);pointer-events:none;z-index:5;font-size:16px;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.tick-label{color:var(--muted);font-size:9px;position:absolute;bottom:2px;left:4px}.timeline-indicator{background:var(--od-accent);width:2px;box-shadow:0 0 10px var(--od-accent);pointer-events:none;z-index:2;position:absolute;top:0;bottom:0}.timeline-stats-grid{gap:var(--sp-4);padding:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.timeline-player-stat{padding-left:10px;position:relative}.timeline-player-stat:before{content:"";background:var(--race-terran);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.timeline-player-stat[data-race=terran]:before{background:var(--player-color,var(--race-terran))}.timeline-player-stat[data-race=zerg]:before{background:var(--player-color,var(--race-zerg))}.timeline-player-stat[data-race=protoss]:before{background:var(--player-color,var(--race-protoss))}.timeline-player-stat[data-race=random]:before{background:var(--player-color,var(--race-random))}.timeline-interval{background:var(--od-accent);opacity:.3;height:4px;position:absolute;bottom:0}.timeline-fight-icon{color:var(--danger);font-weight:800}.rpl-composition-grid{display:block}.rpl-comp-section{margin-bottom:16px}.rpl-comp-header{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-2);letter-spacing:.07em;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.rpl-comp-total{color:var(--muted);font-weight:400}.rpl-comp-units{flex-wrap:wrap;gap:5px;display:flex}.rpl-comp-unit{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);font-size:var(--text-xs);transition:border-color var(--dur-fast) ease-out;align-items:center;gap:5px;padding:4px 8px 4px 4px;display:flex}.rpl-comp-unit:hover{border-color:var(--border-hov)}.rpl-comp-unit-name{color:var(--text);font-weight:500}.rpl-comp-unit-count{color:var(--accent);margin-left:2px;font-weight:700}.unit-stats-table{display:none}.unit-stats-chips{flex-wrap:wrap;gap:4px;padding:8px;display:flex}.unit-stats-chip{border:1px solid var(--border-sub);white-space:nowrap;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;cursor:default;background:#ffffff0a;border-radius:6px;align-items:center;gap:5px;padding:3px 6px 3px 4px;font-size:11px;line-height:1;display:inline-flex}.unit-stats-chip:hover{border-color:var(--border-hov);background:#ffffff14}.unit-stats-chip.chip-extinct{opacity:.45;filter:grayscale(.6)}.chip-icon{object-fit:cover;background:#0000004d;border-radius:3px;flex-shrink:0;width:16px;height:16px}.chip-name{color:var(--text);text-overflow:ellipsis;max-width:90px;font-weight:600;overflow:hidden}.chip-stats{color:var(--muted);align-items:center;gap:3px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.chip-stat-sep{opacity:.35}.chip-stat-lost{color:var(--danger)}.chip-stat-live{color:var(--success);font-weight:700}.chip-stat-live.zero{color:var(--muted);font-weight:400}.unit-cell{align-items:center;gap:10px;display:flex}.stat-cell{text-align:center;font-family:JetBrains Mono,monospace;font-size:11px}.unit-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:600;overflow:hidden}.comp-legend-bar{border-bottom:1px solid var(--border-sub);padding:5px 8px 3px}.comp-legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.comp-flat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:8px;display:grid}.comp-flat-grid[data-player-count="2"]{grid-template-columns:repeat(2,1fr)}.comp-player-panel{border-radius:var(--r);border:1px solid var(--border-sub);background:var(--bg-card);flex-direction:column;display:flex;overflow:hidden}.comp-player-header{border-bottom:1px solid var(--border-sub);background:#0000002e;align-items:center;gap:6px;padding:5px 8px;display:flex}.comp-player-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.comp-player-league{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:9px;font-weight:700}.comp-player-mmr{color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9px}.comp-player-badge{border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:900}.comp-player-badge.badge-win{color:var(--success);background:#2ed47a2e}.comp-player-badge.badge-loss{color:var(--danger);background:#ff47572e}.comp-player-content .unit-stats-card{background:0 0;border:none;border-radius:0}.comp-player-content .comp-legend-bar{padding:4px 8px 2px}.unit-stats-card{min-width:0;padding:0;overflow:visible}.unit-stats-th-name{text-align:left;padding-left:16px}.unit-cell{padding-left:16px}.unit-stats-empty{text-align:center;color:var(--muted);padding:12px;font-size:12px}.stat-cell[data-lost=yes]{color:var(--danger);opacity:1}.stat-cell[data-lost=no]{opacity:.3}.stat-cell[data-live=zero]{color:var(--muted);font-weight:700}.stat-cell[data-live=yes]{color:var(--success);font-weight:700}.rpl-charts-main-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rpl-charts-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px;display:grid}.chart-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.chart-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:9px;font-weight:800}.chart-canvas{cursor:zoom-in;transition:transform var(--dur-fast) var(--ease);position:relative}.chart-canvas:hover{transform:scale(1.01)}.chart-canvas:after{content:"🔍";opacity:0;transition:opacity var(--dur-fast) ease;pointer-events:none;filter:grayscale()brightness(2);font-size:12px;position:absolute;top:8px;right:8px}.chart-canvas:hover:after{opacity:.6}.chart-canvas-sm{height:130px}.chart-canvas-md{height:180px}.chart-canvas-lg{height:260px}.rpl-chart-pane{gap:10px}.rpl-chart-pane.is-open{display:block}#rpl-charts-container{width:100%}@media (width<=768px){.rpl-charts-grid{grid-template-columns:1fr}.chart-canvas-sm{height:130px}.chart-canvas-md{height:150px}}.build-order-container{flex-direction:column;height:100%;display:flex}.bo-filters{z-index:10;background:var(--surface-sub);border-radius:var(--r-sm);border:1px solid var(--border-sub);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px;display:flex;position:sticky;top:0}.bo-filter-group{gap:4px;display:flex}.bo-filter-divider{background:var(--border-sub);align-self:center;width:1px;height:20px;margin:0 4px}.bo-phase-tabs{border:1px solid var(--border-sub);border-radius:var(--r-sm);background:#0003;gap:2px;margin-bottom:16px;padding:2px;display:flex}.bo-phase-tabs .mini-toolbar-btn{background:0 0;border-radius:4px;flex:1;min-height:34px;padding:4px 10px;font-size:11px}.bo-phase-tabs .mini-toolbar-btn.active{background:var(--surface-sub);color:var(--accent);box-shadow:0 2px 4px #0003}.unit-icon-sm{object-fit:cover;background:#0003;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:8px}.bo-phase-title{color:var(--muted);opacity:.7;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:4px;font-weight:700}.build-order-phases{flex:1;min-height:0;max-height:500px;padding-right:4px;overflow-y:auto}.build-order-phases::-webkit-scrollbar{width:4px}.build-order-phases::-webkit-scrollbar-track{background:0 0}.build-order-phases::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.build-order-phases::-webkit-scrollbar-thumb:hover{background:#fff3}.build-order-item{font-size:var(--text-sm);transition:background-color var(--dur-fast) ease;border-bottom:1px solid #ffffff05;align-items:center;gap:10px;padding:6px 10px;display:flex}.build-order-item:hover{background:var(--surface-hov)}.build-order-time{color:var(--muted);min-width:45px;font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.rpl-bo-supply{font-size:10px;font-family:var(--font-mono);color:var(--accent2,#4cc9f0);text-align:center;font-variant-numeric:tabular-nums;background:#4cc9f014;border:1px solid #4cc9f029;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:42px;padding:1px 6px;font-weight:600;display:inline-flex}.build-order-unit{color:var(--text);flex:1}.bo-item-count{color:var(--text-muted);margin-left:4px;font-size:.85em}.is-benchmark{background:#4cc9f00a;border:1px solid #4cc9f02e}.build-order-item[data-type=upgrade]{border-left:2px solid var(--accent);background:#f0c04008}.build-order-item[data-type=upgrade]:hover{background:#f0c0400f}.build-order-item--cancel{opacity:.65;border:1px solid color-mix(in srgb, var(--danger), transparent 80%);background:color-mix(in srgb, var(--danger), transparent 96%)}.build-order-item--cancel:hover{opacity:.85}.rpl-bo-cancel-icon{color:var(--danger);text-align:center;min-width:18px;font-size:.7rem;font-weight:700}.rpl-bo-upgrade-badge{color:var(--protoss);text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:10px;font-weight:600}.rpl-bo-benchmark{border-radius:var(--r-sm);padding:2px 5px;font-size:10px;font-weight:700}.upgrades-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.upgrade-item{background:var(--surface);border-radius:var(--r);border:1px solid var(--border-sub);transition:border-color var(--dur-fast) ease-out;flex-direction:column;gap:4px;padding:9px 10px;display:flex}.upgrade-item:hover{border-color:var(--border-hov)}.upgrade-time{font-size:var(--text-xs);color:var(--accent);opacity:.8;font-weight:700}.upgrade-name{font-size:var(--text-xs);color:var(--text);font-weight:600}.rpl-bo-phase-marker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#d4890f0a;border-top:1px solid #d4890f33;border-bottom:1px solid #d4890f1f;padding:7px 10px 4px;font-weight:700}.rpl-bo-phase-marker[data-race=TERRAN]{color:var(--race-terran);background:color-mix(in srgb, var(--race-terran), transparent 96%);border-top-color:color-mix(in srgb, var(--race-terran), transparent 80%);border-bottom-color:color-mix(in srgb, var(--race-terran), transparent 88%)}.rpl-bo-phase-marker[data-race=ZERG]{color:var(--race-zerg);background:color-mix(in srgb, var(--race-zerg), transparent 96%);border-top-color:color-mix(in srgb, var(--race-zerg), transparent 80%);border-bottom-color:color-mix(in srgb, var(--race-zerg), transparent 88%)}.rpl-bo-phase-marker[data-race=PROTOSS]{color:var(--race-protoss);background:color-mix(in srgb, var(--race-protoss), transparent 96%);border-top-color:color-mix(in srgb, var(--race-protoss), transparent 80%);border-bottom-color:color-mix(in srgb, var(--race-protoss), transparent 88%)}.rpl-upgrades-inline{padding:4px 0 8px}.rpl-pcard{background:var(--bg-card);border:1px solid var(--border-sub);border-radius:var(--r);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);padding:10px 12px;position:relative;overflow:hidden}.rpl-pcard:after{content:none}.rpl-pcard:hover{border-color:var(--border-hov)}.rpl-pcard-hdr{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rpl-pname{font-weight:700;font-size:var(--text-base);color:var(--text);letter-spacing:-.01em}.rpl-trophy{font-size:var(--text-sm);cursor:default;margin-left:2px}.rpl-stat{border-radius:var(--r-sm);text-align:center;border:1px solid var(--glass-border);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:#ffffff05;padding:8px 6px}.rpl-stat:hover{background:#ffffff0a;border-color:#ffffff26}.rpl-sl{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.rpl-sv{font-family:var(--od-telemetry);color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:800;display:block}.rpl-eco-row{gap:8px;margin-top:12px;display:flex}.rpl-eco-block{background:var(--surface);border-radius:var(--r);font-size:var(--text-xs);border:1px solid var(--border-sub);flex:1;padding:8px 10px}.rpl-eco-lbl{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.rpl-eco-val{color:var(--text);font-weight:600}.rpl-player-card{background:var(--bg-card);border-radius:var(--r);text-align:center;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:18px 16px;position:relative;overflow:hidden}.rpl-player-card[data-race=terran]{box-shadow:inset 0 3px 0 0 var(--race-terran)}.rpl-player-card[data-race=zerg]{box-shadow:inset 0 3px 0 0 var(--race-zerg)}.rpl-player-card[data-race=protoss]{box-shadow:inset 0 3px 0 0 var(--race-protoss)}.rpl-player-card[data-race=random]{box-shadow:inset 0 3px 0 0 var(--race-random)}.rpl-player-card[data-race=unknown]{box-shadow:inset 0 3px 0 0 var(--muted)}.rpl-player-race-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px;font-size:10px;font-weight:700}.rpl-player-name{color:var(--text);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:800}.rpl-card-footer-metrics{justify-content:center;gap:8px;margin-top:10px;display:flex}.rpl-strategy-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.rpl-strategy-badge.is-cheese{color:#f87171;background:#f8717126;border-color:#f871714d}.rpl-strategy-badge.is-aggression{color:#f0a050;background:#f0a05026;border-color:#f0a0504d}.rpl-build-match{color:var(--muted);margin-top:4px;font-size:10px}.rpl-build-sim{color:var(--accent);font-family:monospace;font-weight:700}.rpl-opening-style{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-sub);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.rpl-player-header-card{transition:transform .2s var(--ease), box-shadow .2s var(--ease);position:relative;overflow:hidden}.rpl-player-header-card.is-winner{box-shadow:0 0 20px #4cc9f00d,inset 0 0 10px #4cc9f005;border-color:var(--success)!important}.rpl-player-header-card.is-loser{filter:grayscale(.2)opacity(.9)}.rpl-heroes-strip{border-radius:var(--r);background:linear-gradient(#d4890f0d,#d4890f03 60%,#0000);border:1px solid #d4890f2e;padding:14px 16px}.rpl-hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--accent,#d4890f);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.rpl-hero-title:before{content:"";background:var(--accent,#d4890f);border-radius:2px;width:3px;height:12px}.rpl-hero-title:after{content:"";background:linear-gradient(90deg,#d4890f66,#0000);flex:1;height:1px}.rpl-hero-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.rpl-hero-grid-horizontal{grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;grid-template-columns:unset;scrollbar-width:thin;padding-bottom:4px;overflow-x:auto}.rpl-hero-grid-horizontal::-webkit-scrollbar{height:4px}.rpl-hero-grid-horizontal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.rpl-hero-unit-mini{border:1px solid var(--border-sub);border-radius:var(--r);transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);cursor:default;background:#ffffff06;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;display:flex;position:relative;overflow:hidden}.rpl-hero-unit-mini:before{content:"";opacity:.04;pointer-events:none;background:linear-gradient(#0000 70%,currentColor 200%);position:absolute;inset:0}.rpl-hero-unit-mini:hover{border-color:var(--border-hov);background:#ffffff0d;transform:translateY(-2px)}.rpl-hero-unit-mini[data-race=terran]{color:var(--race-terran,#4cc9f0)}.rpl-hero-unit-mini[data-race=zerg]{color:var(--race-zerg,#b560ff)}.rpl-hero-unit-mini[data-race=protoss]{color:var(--race-protoss,#f0c040)}.rpl-hero-unit-mini[data-race=random]{color:var(--race-random,#94a3b8)}.rpl-hero-img-wrap{width:56px;height:56px;box-shadow:0 0 14px color-mix(in srgb, currentColor, transparent 75%), inset 0 0 12px #0006;background:radial-gradient(circle at 50% 35%,#ffffff14,#0006);border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.rpl-hero-img{object-fit:cover;filter:drop-shadow(0 2px 4px #00000080);background:#0006;border-radius:50%;width:44px;height:44px}.rpl-hero-kills{color:#07080f;min-width:22px;height:22px;font-family:var(--font-mono,monospace);border:2px solid var(--bg,#07080f);font-variant-numeric:tabular-nums;background:currentColor;border-radius:11px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #0006}.rpl-hero-owner-indicator{border:2px solid var(--bg,#07080f);background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;left:-2px}.rpl-hero-unit-name{color:var(--text);text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.rpl-hero-owner-label{border-top:1px dashed #ffffff0f;flex-direction:column;align-items:center;gap:1px;width:100%;padding-top:4px;display:flex}.rpl-hero-owner-name{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.rpl-hero-owner-mmr{font-size:9px;font-family:var(--font-mono,monospace);color:var(--muted);font-variant-numeric:tabular-nums}.rpl-glow-terran:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #4cc9f014}.rpl-glow-zerg:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #b560ff14}.rpl-glow-protoss:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #f0c04014}.history-outer-wrap{max-width:1280px;margin:0 auto;padding:0 16px 48px}.history-card{padding:0}.history-head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;padding:32px 0 24px;display:flex}.history-titles{flex-direction:column;gap:4px;display:flex}.history-titles h3{margin:0;font-size:clamp(1.3rem,2vw,1.7rem)}.history-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;font-family:var(--font-display);display:block}.history-filters{z-index:var(--z-sticky);background:var(--bg);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;padding:16px 0;display:flex;position:sticky;top:56px}.history-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:32px;padding:24px 0 0;display:grid}.hist-stat-card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);text-align:center;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:#ffffff06;padding:20px 16px;position:relative;overflow:hidden}.hist-stat-card:before{content:"";background:var(--accent-gradient);opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.hist-stat-card:hover:before{opacity:1}.hist-stat-card:hover{border-color:var(--border-hov)}.hist-stat-val{font-size:28px;font-weight:800;font-family:var(--font-display);z-index:1;margin-bottom:4px;display:block;position:relative}.hist-stat-val[data-winrate=high]{color:var(--color-win)}.hist-stat-val[data-winrate=medium]{color:var(--accent)}.hist-stat-val[data-winrate=low]{color:var(--color-loss)}.hist-stat-lbl{font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;z-index:1;font-weight:600;position:relative}.rpl-macro-meter{background:var(--border-subtle);z-index:1;border-radius:2px;width:100%;height:3px;margin-top:10px;position:relative;overflow:hidden}.rpl-macro-meter-fill{height:100%;transition:width .6s var(--ease-out-quart);background:var(--color-win);border-radius:2px}.rpl-macro-meter-fill[data-winrate=medium]{background:var(--accent)}.rpl-macro-meter-fill[data-winrate=low]{background:var(--color-loss)}.history-retention-banner{font-size:var(--text-xs);color:var(--muted);text-align:center;border:1px solid var(--border-subtle);border-radius:var(--r);background:#ffffff04;grid-column:1/-1;padding:8px}.history-charts-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.history-chart-card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:#ffffff05;margin-bottom:0;padding:20px}.history-sub-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 16px;font-weight:700}.history-matchups{margin-bottom:32px}.matchups-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.hist-matchup-card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease);background:#ffffff06;padding:16px}.hist-matchup-card:hover{border-color:var(--border-hov)}.hist-matchup-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hist-matchup-label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.hist-matchup-vs{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hist-matchup-count{font-size:var(--text-xs);color:var(--muted)}.hist-matchup-bar-bg{background:var(--border-subtle);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.hist-matchup-bar-fill{background:var(--accent);height:100%;transition:width .5s var(--ease-out-quart);border-radius:2px}.hist-matchup-bar-fill[data-winrate=high]{background:var(--color-win)}.hist-matchup-bar-fill[data-winrate=low]{background:var(--color-loss)}.hist-matchup-footer{font-size:var(--text-xs);justify-content:space-between;display:flex}.hist-matchup-wr{font-weight:700}.hist-matchup-wr[data-winrate=high]{color:var(--color-win)}.hist-matchup-wr[data-winrate=medium]{color:var(--accent)}.hist-matchup-wr[data-winrate=low]{color:var(--color-loss)}.hist-matchup-footer-meta{color:var(--muted)}.history-maps-container{margin-bottom:32px}.history-maps-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.hist-map-card{border:1px solid var(--border-subtle);border-radius:var(--r);transition:border-color var(--dur-fast) var(--ease);background:#ffffff06;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hist-map-card:hover{border-color:var(--border-hov)}.hist-map-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.hist-map-stats{flex-shrink:0;align-items:center;gap:8px;display:flex}.hist-map-wr{font-size:14px;font-weight:700}.hist-map-wr[data-winrate=high]{color:var(--color-win)}.hist-map-wr[data-winrate=medium]{color:var(--accent)}.hist-map-wr[data-winrate=low]{color:var(--color-loss)}.hist-map-count{font-size:var(--text-xs);color:var(--muted)}.hist-gl-stats{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:#ffffff05;margin:0 0 32px;padding:20px}.hist-mt-crosstab{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:#ffffff05;margin:0 0 32px;padding:20px;overflow-x:auto}.history-table-wrapper{margin-bottom:24px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--border);padding:12px 16px;font-weight:700}.history-table td{border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-size:13px}.history-row.win{background-color:#2ed47a0a}.history-row.loss{background-color:#ff47570a}.history-row:hover{cursor:pointer;background:#4cc9f00a}.history-pagination-wrap{justify-content:center;padding-top:16px;display:flex}.replay-history-wrapper{margin-bottom:8px;position:relative}.replay-history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 60px 12px 16px;transition:background .2s;display:flex;position:relative}.replay-history-item:hover{background:#ffffff08}.replay-history-item-date{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.replay-history-delete{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--muted);font-size:var(--text-base);cursor:pointer;opacity:.55;transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease);z-index:2;background:#0006;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.replay-history-wrapper:hover .replay-history-delete,.replay-history-delete:focus-visible{opacity:.9}.replay-history-delete:hover{opacity:1;color:var(--danger);border-color:var(--danger);background:#ef44441a}.replay-archive-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);margin:10px 0 16px;overflow:clip}.replay-archive-panel>summary{cursor:pointer;min-height:44px;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;list-style:none;display:flex}.replay-archive-panel>summary::-webkit-details-marker{display:none}.replay-archive-panel>summary:after{content:"+";color:var(--muted);font-family:var(--mono);font-size:18px;line-height:1}.replay-archive-panel[open]>summary:after{content:"-"}.replay-archive-panel summary strong{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;display:block}.replay-archive-panel summary small{color:var(--text-2);font-size:var(--text-xs);margin-top:2px;line-height:1.35;display:block}.replay-history-dashboard{padding:0 12px 12px}.replay-history-dashboard .history-card{border:1px solid var(--border-sub);border-radius:var(--r);background:color-mix(in srgb, var(--bg-card) 72%, transparent);padding:12px}.replay-archives-cta{justify-content:center;padding:20px 0 8px;display:flex}.btn-archives-shortcut{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease);letter-spacing:.03em;background:#ffffff08;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.btn-archives-shortcut:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);transform:translate(2px)}.btn-archives-shortcut svg{transition:transform var(--dur-fast) var(--ease);flex-shrink:0}.btn-archives-shortcut:hover svg:last-child{transform:translate(3px)}@media (width<=900px){.history-charts-row{grid-template-columns:1fr}}@media (width<=640px){.history-outer-wrap{padding:0 12px 32px}.history-summary-grid{grid-template-columns:1fr 1fr}.history-head{flex-direction:column;align-items:flex-start}.history-filters{top:48px}.matchups-grid{grid-template-columns:1fr}}.hist-streak-banner{border-radius:var(--r,8px);border:1px solid;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.hist-streak-hot{color:var(--accent,#f3a019);background:#f3a01914;border-color:#f3a0194d}.hist-streak-tilt{color:#f87171;background:#f8717114;border-color:#f8717140}.hist-streak-icon{font-size:1.2em}.hist-opp-section{margin-top:28px}.hist-opp-grid{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.hist-opp-card{background:var(--surface-2,#ffffff0a);border:1px solid var(--border-subtle,#ffffff12);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.hist-opp-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.badge-nemesis{color:#f87171;background:#f8717126;border:1px solid #f871714d}.badge-prey{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.badge-clock{color:var(--accent,#f3a019);background:#f3a0191f;border:1px solid #f3a0194d}.hist-opp-name{font-weight:600}.hist-opp-record{color:var(--muted,#ffffff73);font-size:12px}.hist-opp-insight{color:var(--muted,#ffffff73);font-size:12px;font-style:italic}@layer components{.coaching-card{border-left:4px solid var(--color-primary);background:linear-gradient(135deg,#4cc9f014 0%,#0000 100%);border-radius:6px;margin-top:16px;padding:16px;position:relative;overflow:hidden}.coaching-card:before{content:"💡";opacity:.04;pointer-events:none;font-size:clamp(2rem,4vw,3rem);line-height:1;position:absolute;top:10px;right:10px;transform:rotate(15deg)}.coaching-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.coaching-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.coaching-item{background:#ffffff08;border-radius:4px;padding:10px;transition:background .2s}.coaching-item:hover{background:#ffffff0f}.coaching-item[data-severity=high]{border-right:3px solid var(--color-loss)}.coaching-item[data-severity=medium]{border-right:3px solid var(--color-neutral)}.coaching-item[data-severity=info]{border-right:3px solid var(--color-primary)}.coaching-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;line-height:1;display:inline-flex}.coaching-text{color:var(--text)}}.batch-dropzone{border:2px dashed var(--border-sub);border-radius:var(--r-lg);text-align:center;transition:all var(--dur-fast) var(--ease);cursor:pointer;background:#ffffff05;margin:1.5rem 0;padding:3rem 2rem}.batch-dropzone:hover,.batch-dropzone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.batch-dropzone-inner{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.batch-icon{width:48px;height:48px;color:var(--muted);transition:color var(--dur-fast) var(--ease)}.batch-dropzone:hover .batch-icon,.batch-dropzone.drag-over .batch-icon{color:var(--accent)}.batch-drop-text{font-size:var(--text-lg);color:var(--text-2);font-weight:500}.batch-progress-container{animation:panelIn .3s var(--ease-out-quart) both;margin-top:2rem}.batch-overall-progress{background:var(--glass-surface);border-radius:var(--r-md);border:1px solid var(--glass-border);margin-bottom:2rem;padding:1.5rem}.batch-progress-header{text-transform:uppercase;letter-spacing:.05em;font-family:Sora,sans-serif;font-weight:700;font-size:var(--text-sm);justify-content:space-between;margin-bottom:1rem;display:flex}.batch-items-list{flex-direction:column;gap:.5rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.batch-item{border:1px solid var(--border-sub);border-radius:var(--r);font-size:var(--text-sm);background:#ffffff08;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.batch-item.is-processing{border-color:var(--accent);background:var(--accent-dim)}.batch-item.is-done{border-color:var(--success-dim);opacity:.8}.batch-item.is-error{border-color:var(--danger);background:rgba(var(--danger-rgb), .1)}.batch-item-icon{text-align:center;width:20px;font-weight:900}.batch-item.is-processing .batch-item-icon{color:var(--accent);animation:2s linear infinite spin}.batch-item.is-done .batch-item-icon{color:var(--success)}.batch-item.is-error .batch-item-icon{color:var(--danger)}.batch-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.batch-item-status{font-size:var(--text-xs);color:var(--muted)}.batch-actions{justify-content:center;margin-top:2rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}#replay-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:all var(--dur) var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:0;padding:24px;display:grid}#replay-form:hover{border-color:var(--border-hov);background:var(--bg-card-hov)}.has-results #replay-form{border-bottom:1px solid var(--border-sub);margin-bottom:8px;padding-bottom:8px}#replay-file{min-width:0;color:var(--text-2);font-size:var(--text-sm);cursor:pointer;margin-bottom:0}#replay-file::file-selector-button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--r);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-sm);margin-right:16px;padding:10px 20px}#replay-file::-webkit-file-upload-button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--r);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-sm);margin-right:16px;padding:10px 20px}#replay-file::file-selector-button:hover{background:var(--surface-hov);border-color:var(--border-hov);color:var(--accent);transform:translateY(-1px)}#replay-file::-webkit-file-upload-button:hover{background:var(--surface-hov);border-color:var(--border-hov);color:var(--accent);transform:translateY(-1px)}.replay-import-zone{padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-sub);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-import-label{color:var(--muted);font-size:var(--text-xs)}#replay-results{gap:var(--space-stack);align-content:start;margin-top:0;display:grid}.replay-loading-msg{color:var(--muted);padding:16px}.replay-error-msg{color:var(--danger);padding:16px}.replay-retry-btn{font-family:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--r);cursor:pointer;transition:background var(--dur-fast) ease-out, color var(--dur-fast) ease-out;margin-left:10px;padding:4px 12px;font-weight:700;display:inline-block}.replay-retry-btn:hover{background:var(--accent);color:var(--bg)}.replay-progress{animation:panelIn .22s var(--ease-out-quart) both;margin:12px 0}.replay-progress-bar{background:var(--surface);border:1px solid var(--border);border-radius:2px;height:3px;overflow:hidden}.replay-progress-fill{transform-origin:0;background:var(--accent);height:100%;transition:transform .4s ease-out;position:relative;overflow:hidden;transform:scaleX(0)}.replay-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff47 48%,#0000 100%);animation:1.4s linear infinite progressSweep;position:absolute;inset:0;transform:translate(-100%)}.replay-progress-meta{font-size:var(--text-xs);color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:6px;display:flex}#replay-analyze-panel.drag-over{outline:2px dashed var(--accent);outline-offset:-6px;border-radius:var(--r-lg);transform:translateY(-2px)}.btn-rpl-action{font-size:var(--text-sm);border:1px solid var(--border-sub);border-radius:var(--r);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:#ffffff08;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-weight:600;display:inline-flex}.btn-rpl-action svg{flex-shrink:0;width:16px;height:16px}.rpl-stat-group-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;grid-column:span 3;align-items:center;gap:10px;margin-top:12px;margin-bottom:4px;font-size:10px;font-weight:800;display:flex}.rpl-stat-group-lbl:after{content:"";background:var(--glass-border);flex:1;height:1px}.rpl-apm-gauge{background:#ffffff0d;border-radius:2px;height:3px;margin-top:8px;position:relative;overflow:hidden}.rpl-apm-gauge-apm{background:var(--accent);opacity:.4;height:100%;position:absolute;top:0;left:0}.rpl-apm-gauge-eapm{background:var(--accent);height:100%;position:absolute;top:0;left:0}.rpl-macro-meter{background:#ffffff0d;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.rpl-macro-meter-fill{height:100%;box-shadow:0 0 8px}.rpl-details-summary{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);padding:var(--sp-3) 0 var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:10px;font-weight:700;list-style:none;display:flex}@keyframes progressSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes errorIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.rpl-teams{flex-direction:column}#replay-form{grid-template-columns:1fr}}.compare-v2-container{gap:24px;padding-top:8px;animation:.4s ease-out fadeIn;display:grid}.compare-vs-header{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;margin-bottom:8px;display:grid}.compare-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform .3s var(--ease-out);flex-direction:column;justify-content:center;padding:24px;display:flex;position:relative;overflow:hidden}.compare-hero-bg{background:linear-gradient(135deg, var(--hero-color) 0%, transparent 60%);opacity:.08;z-index:1;position:absolute;inset:0}.compare-hero-content{z-index:2;position:relative}.compare-hero.side-left{text-align:left}.compare-hero.side-right{text-align:right;border-bottom-color:var(--hero-color)}.compare-hero.side-left{border-bottom-color:var(--hero-color)}.compare-hero-race{text-transform:uppercase;letter-spacing:.15em;color:var(--hero-color);margin-bottom:4px;font-size:11px;font-weight:800}.compare-hero-name{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.1}.compare-hero-badge{text-transform:uppercase;background:var(--surface-2);color:var(--text-2);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.compare-hero-badge.is-win{color:#2ed47a;background:#2ed47a26;border:1px solid #2ed47a33}.compare-hero-badge.is-loss{color:#f72585;background:#f725851a;border:1px solid #f7258526}.compare-hero-stats{gap:8px;margin-top:12px;display:flex}.side-right .compare-hero-stats{justify-content:flex-end}.stat-chip{color:var(--text-2);border:1px solid var(--border-sub);background:#ffffff0d;border-radius:99px;padding:3px 8px;font-size:11px}.compare-vs-divider{justify-content:center;align-items:center;display:flex;position:relative}.vs-circle{background:var(--surface-3);border:2px solid var(--border);width:48px;height:48px;color:var(--text-2);z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;box-shadow:0 0 20px #0006}.compare-v2-pickers{grid-template-columns:1fr 48px 1fr;align-items:center;gap:16px;display:grid}.compare-v2-sep{justify-content:center;display:flex}.compare-dashboard-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.compare-radar-wrapper{height:280px;margin-top:10px}.compare-verdict-v2{flex-direction:column;gap:16px;display:flex}.verdict-v2-header{align-items:center;gap:16px;display:flex}.verdict-v2-score{background:var(--surface-2);border:2px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:84px;height:84px;font-size:38px;font-weight:900;display:flex}.verdict-v2-score.status-success{color:#2ed47a;background:#2ed47a0d;border-color:#2ed47a4d}.verdict-v2-score.status-info{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.verdict-v2-score.status-warn{color:#f8961e;border-color:#f8961e4d}.verdict-v2-score.status-danger{color:#f94144;border-color:#f941444d}.verdict-v2-title{flex:1}.verdict-v2-kicker{text-transform:uppercase;color:var(--text-2);letter-spacing:.1em;font-size:11px;font-weight:700}.verdict-v2-verdict{margin:2px 0 0;font-size:18px;font-weight:700}.verdict-v2-verdict.status-success{color:#2ed47a}.verdict-v2-verdict.status-info{color:var(--accent)}.verdict-v2-verdict.status-warn{color:#f8961e}.verdict-v2-verdict.status-danger{color:#f94144}.verdict-v2-desc{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.verdict-v2-gauges{gap:10px;display:grid}.v2-gauge-item{grid-template-columns:80px 1fr;align-items:center;gap:12px;display:grid}.v2-gauge-item label{color:var(--text-2);font-size:12px;font-weight:600}.compare-gauge-v2{align-items:center;gap:10px;display:flex}.compare-gauge-v2-track{background:var(--surface-3);border-radius:10px;flex:1;height:5px;overflow:hidden}.compare-gauge-v2-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.compare-gauge-v2-val{color:var(--text);text-align:right;min-width:32px;font-size:11px;font-weight:700}.btn-v2-outline{border:1px solid var(--border);color:var(--text-2);border-radius:var(--r);cursor:pointer;background:0 0;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-v2-outline:hover{border-color:var(--text-2);color:var(--text);background:#ffffff0d}.verdict-v2-signals{border-top:1px solid var(--border-sub);margin-top:10px;padding-top:16px;animation:.3s ease-out slideDown}.signals-v2-hint{color:var(--muted);font-size:11px;font-style:italic}.compare-stats-v2-list{gap:4px;display:grid}.compare-stat-v2-row{border-bottom:1px solid var(--border-sub);grid-template-columns:1fr 140px 1fr;align-items:center;padding:10px 0;display:grid}.compare-stat-v2-row:last-child{border-bottom:none}.stat-v2-val{font-size:16px;font-family:var(--font-mono)}.stat-v2-val.side-left{text-align:left}.stat-v2-val.side-right{text-align:right}.stat-v2-label{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:700}.compare-timelines-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare-timeline-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.compare-dashboard-grid,.compare-timelines-section{grid-template-columns:1fr}.compare-hero-name{font-size:22px}}@media (width<=600px){.compare-vs-header{grid-template-columns:1fr;gap:8px}.vs-circle{display:none}.compare-stat-v2-row{grid-template-columns:1fr 1fr}.stat-v2-label{text-align:left;order:-1;grid-column:span 2;margin-bottom:4px}.compare-v2-pickers{grid-template-columns:1fr}}}@layer utilities;main{align-content:start;gap:14px;max-width:1540px;margin:0 auto;padding:12px 18px 40px;display:grid}.app-header{-webkit-backdrop-filter:blur(12px);z-index:1000;transition:background-color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:#121214b3;border-bottom:1px solid #ffffff0d;padding:8px 18px;position:sticky;top:0}.app-header--scrolled{background:#0a0a0cf2;border-color:#ffffff1a;padding:6px 18px;box-shadow:0 10px 30px -10px #000c}.skeleton-row td{padding:12px 14px}.skeleton-box{background:#ffffff0d;border-radius:4px;height:12px;position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.leaderboard-table--loading{opacity:.5;pointer-events:none;filter:blur(1px);transition:opacity .3s var(--ease), filter .3s var(--ease)}.header-layout{align-items:center;gap:18px;max-width:1500px;margin:0 auto;display:flex}.header-search{flex:1;justify-content:center;min-width:0;display:flex}.app-brand{cursor:pointer;transition:transform var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:16px;padding:0;display:flex}.app-brand:hover{transform:scale(1.02)}.brand-name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:1.2rem;font-weight:900}.brand-name span{color:var(--accent)}.status-indicator{width:8px;height:8px;transition:background-color .4s var(--ease), box-shadow .4s var(--ease);background:#333;border-radius:50%;position:relative;box-shadow:0 0 0 4px #ffffff08}.status-indicator--online{background:var(--success);box-shadow:0 0 12px var(--success), 0 0 0 4px #48f2911a}.status-indicator--degraded{background:var(--warn);box-shadow:0 0 12px var(--warn), 0 0 0 4px #ffd1661a}.status-indicator--offline{background:var(--danger);box-shadow:0 0 12px var(--danger), 0 0 0 4px #ff5e5e1a}.search-box{border-radius:var(--r);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffff0a;border:1px solid #ffffff0f;flex:1;align-items:center;gap:4px;max-width:680px;padding:4px;display:flex}.search-box:focus-within{border-color:var(--accent);background:#ffffff12;box-shadow:0 0 30px #f3a01926,inset 0 2px 4px #0003}.search-field{align-items:center;display:flex;position:relative}.search-field .field-icon{opacity:.5;pointer-events:none;font-size:14px;position:absolute;left:14px}.search-field .field-icon svg,.filter-trigger svg,.header-icon-btn svg{flex-shrink:0;width:16px;height:16px;display:block}.search-field select,.search-field input{box-shadow:none;background:0 0;border:none;padding-left:38px;font-weight:500}.search-field select:focus,.search-field input:focus{box-shadow:none;background:0 0}.search-field--region{width:100px}.search-field--query{flex:1}.search-divider{background:#ffffff14;width:1px;height:24px;margin:0 8px}.filter-trigger{color:var(--text-2);background:#ffffff08;border:1px solid #ffffff0f;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.filter-trigger:hover{color:var(--text);background:#ffffff14;border-color:#ffffff26}.filter-dot{background:var(--accent2);width:6px;height:6px;box-shadow:0 0 8px var(--accent2);border-radius:50%;display:none;position:absolute;top:8px;right:8px}.search-submit{border-radius:8px;min-height:44px;padding:0 20px;font-size:11px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.header-lang{align-items:center;display:flex;position:relative}.header-lang select{appearance:none;color:var(--text-2);cursor:pointer;min-height:44px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:0 28px 0 12px;font-size:12px;font-weight:600}.header-lang select:hover{color:var(--text);background:#ffffff14;border-color:#ffffff26}.header-lang:after{content:"▾";pointer-events:none;opacity:.5;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-icon-btn{color:var(--text-2);cursor:pointer;min-width:44px;min-height:44px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.header-icon-btn:hover{color:var(--text);background:#ffffff14;border-color:#ffffff26;transform:rotate(15deg)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);box-shadow:none;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);padding:14px}.card:hover{border-color:var(--border-hov);box-shadow:none}.card h3{margin-bottom:12px}h2{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);text-transform:uppercase;margin-bottom:16px;font-size:1.45rem;font-weight:700;line-height:1.25}h3{margin-top:0;margin-bottom:var(--sp-4);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;gap:var(--sp-2);font-size:13px;font-weight:700;display:flex}h3:before{content:"";background:var(--accent);border-radius:var(--r-pill);flex-shrink:0;width:2px;height:11px}#output[data-race=TERRAN] h3:before{background:var(--terran)}#output[data-race=ZERG] h3:before{background:var(--zerg)}#output[data-race=PROTOSS] h3:before{background:var(--protoss)}h4{color:var(--text);margin-bottom:12px;font-size:12px;font-weight:600}label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}input,select{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r);color:var(--text);width:100%;transition:border-color var(--dur-fast) ease-out, background var(--dur-fast) ease-out, box-shadow var(--dur-fast) ease-out;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--focus-ring);background:var(--field-bg-focus);box-shadow:0 0 0 3px var(--focus-ring-soft)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}select option,[data-theme=light] select option{background-color:var(--menu-bg);color:var(--text)}button{color:var(--text-2);cursor:pointer;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:8px 18px;font-size:11px}button:hover{color:var(--text);background:#ffffff14;border-color:#fff3;box-shadow:0 4px 12px #0000004d}button:active{transform:scale(.97)}button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale();transform:none!important}.btn-primary{background:var(--accent);color:var(--bg-dark);border:none;box-shadow:0 4px 12px #f3a01940}.btn-primary:hover{color:#000;background:#ffb84d;transform:translateY(-2px);box-shadow:0 8px 24px #f3a01966}#search-results{margin-top:6px}.result-item{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;width:100%;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;gap:20px;padding:20px;animation:.34s cubic-bezier(.23,1,.32,1) both itemIn;display:flex}.result-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);background:#ffffff0a;transform:translate(6px)}.result-index{font-family:var(--font-display);color:var(--muted);opacity:.4;font-size:14px}.result-body{flex:1;gap:6px;display:grid}.result-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-identity{align-items:baseline;gap:8px;display:flex}.result-name{color:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:800}.result-clan{color:var(--accent);letter-spacing:.02em;font-size:13px;font-weight:700}.result-badges{gap:8px;display:flex}.result-badge{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;font-size:10px;font-weight:800}.result-mmr{color:#4cc9f0;background:#4cc9f026;border:1px solid #4cc9f04d}.result-gm{color:var(--accent);background:#d4890f26;border:1px solid #d4890f4d}.result-region{color:var(--text-2);background:#ffffff1a}.result-games{border:1px solid var(--glass-border);color:var(--muted)}.result-footer{align-items:center;gap:14px;margin-top:2px;display:flex}.result-meta{color:var(--muted);font-size:12px;font-weight:500}.result-arrow{color:var(--muted);opacity:0;transition:all var(--dur-fast) var(--ease);font-size:22px}.result-item:hover .result-arrow{opacity:1;color:var(--accent);transform:translate(6px)}.view-tabs{z-index:850;background:color-mix(in srgb, var(--bg-dark) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-sub);border-radius:12px;flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;margin:0 0 10px;padding:4px;display:flex;position:sticky;top:62px}.tab-btn{color:var(--text-2);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:none;border-radius:8px;flex-shrink:0;min-height:44px;padding:12px 16px;font-family:inherit;font-size:11px;font-weight:700}.tab-btn:hover{color:var(--text);background:#ffffff0a}.tab-btn.active{color:var(--accent);border:1px solid var(--accent);box-shadow:none;background:#d4890f1a}.tab-btn--quiet{color:var(--text-2);margin-left:0;position:relative}.view-panel{display:none}.view-panel.active{display:block}#view-dashboard,#view-ladder,#view-watchlist,#view-replay,#view-about{gap:var(--space-section);align-content:start}#view-dashboard.active,#view-ladder.active,#view-watchlist.active,#view-replay.active,#view-about.active{display:grid}.leaderboard-controls-v2{border-radius:var(--r-lg);background:#ffffff05;border:1px solid #ffffff0a;grid-template-columns:1fr;gap:12px;margin:16px 0;padding:16px;display:grid;position:relative;overflow:hidden}.leaderboard-controls-v2:after{content:"";background:var(--od-scanline);pointer-events:none;opacity:.2;position:absolute;inset:0}.lb-ctrl-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:20px;display:grid}.lb-ctrl-item{flex-direction:column;gap:10px;display:flex}.lb-ctrl-item span{letter-spacing:.1em;color:var(--muted);opacity:.8;font-size:10px;font-weight:800;display:block;text-transform:uppercase!important}.lb-ctrl-item select,.lb-ctrl-item input{height:38px;color:var(--text);transition:all var(--dur) var(--ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:0 12px;font-size:13px;font-weight:600}.lb-ctrl-item select:focus,.lb-ctrl-item input:focus{border-color:var(--accent);background:#ffffff12;box-shadow:0 0 0 3px #f3a0191a}.lb-ctrl-item--search{grid-column:span 2}.lb-ctrl-item--regions{grid-column:1/-1}@media (width<=900px){.lb-ctrl-item--search{grid-column:auto}}.lb-ctrl-divider{background:#ffffff0d;height:1px;margin:8px 0}.lb-advanced-toggle{border:1px solid var(--border);color:var(--muted);border-radius:var(--r-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.lb-advanced-toggle:hover{color:var(--text);border-color:var(--text-2)}.lb-advanced-toggle svg{width:14px;height:14px;transition:transform .2s var(--ease);flex-shrink:0}.lb-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.lb-advanced-panel{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.lb-advanced-panel.is-open{grid-template-rows:1fr}.lb-advanced-panel>form{overflow:hidden}.leaderboard-regions{align-items:center;gap:6px;height:40px;display:flex}.region-chip{color:var(--text-2);cursor:pointer;transition:all var(--dur) var(--ease);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700}.leaderboard-regions input:checked+.region-chip{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px #f3a0191a}.leaderboard-regions input{display:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.kpi{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--border-sub);border-radius:var(--r);text-align:center;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);flex-direction:column;gap:4px;padding:10px;display:flex;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--border);height:2px;transition:background var(--dur-fast) var(--ease);position:absolute;top:0;left:0;right:0}.kpi:nth-child(3n+1):before{background:var(--accent)}.kpi:nth-child(3n+2):before{background:var(--accent2)}.kpi:nth-child(3n+3):before{background:var(--zerg)}.kpi:hover{box-shadow:none}.kpi-meter{background:#ffffff0f;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.kpi-meter-fill{background:var(--accent);border-radius:2px;height:100%}.kpi:hover{box-shadow:none;background:#ffffff0b;border-color:#d4890f4d;transform:none}.kpi span{color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.kpi strong{font-family:var(--od-telemetry);color:var(--text);letter-spacing:-.02em;font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.insight-group{border-radius:var(--r);border:1px solid var(--glass-border);transition:border-color var(--dur-fast) var(--ease);background:#ffffff05;flex-direction:column;gap:14px;padding:20px;display:flex}.insight-group:hover{border-color:#ffffff26}.insight-title{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.insight-title--accent{color:var(--accent)}.insight-title--danger{color:var(--danger)}.insight-title--success{color:var(--success)}.insight-group p{color:var(--text-2);justify-content:space-between;align-items:baseline;margin:0;font-size:13px;display:flex}.insight-group p strong{font-family:var(--font-display);color:var(--text);font-size:15px}.insight-group p small{color:var(--muted);margin-left:4px;font-size:11px}.dashboard-primary,.dashboard-secondary,.dashboard-details,.profile-section{gap:12px;display:grid}.dashboard-section-title{display:none}#profile-zone-a,#profile-zone-b,#profile-zone-c,#matches{scroll-margin-top:190px}.alert-item{border-radius:var(--r);transition:transform var(--dur-fast) var(--ease);border:1px solid #0000;margin-bottom:12px;padding:16px}.alert-item:hover{transform:translate(4px)}.alert-item strong{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.alert-item p{color:var(--text-2);margin:0;font-size:12px;line-height:1.6}.alert-item.info{background:#4cc9f014;border-color:#4cc9f04d}.alert-item.warn{background:#ffd16614;border-color:#f0c0404d}.alert-item.success{background:#2ed47a14;border-color:#2ed47a4d}.alert-item.danger{background:#ff475714;border-color:#ff47574d}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--border-sub);padding:8px 14px;font-size:10px;font-weight:500}tbody tr{transition:background var(--dur-fast) ease-out;border-bottom:1px solid #ffffff05}tbody tr:nth-child(2n){background:#ffffff05}tbody tr:hover{background:#d4890f12}tbody td{color:var(--text);vertical-align:middle;padding:8px 14px}.hist-players.team-mode{align-items:center;gap:12px;display:flex}.team-stack{flex-direction:column;gap:4px;display:flex}.player-mini{align-items:center;gap:6px;font-size:13px;display:flex}.btn-claim-subtle{color:var(--muted);cursor:pointer;opacity:0;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:9px;font-weight:700;transition:all .2s}.player-mini:hover .btn-claim-subtle,.p-self:hover .btn-claim-subtle,.p-opp:hover .btn-claim-subtle{opacity:1;color:var(--accent);border-color:var(--accent);background:#4cc9f01a}.me-tag{color:var(--accent);letter-spacing:.5px;background:#4cc9f01a;border-radius:2px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:800}.btn-claim-me{cursor:pointer;opacity:.3;background:0 0;border:none;margin-left:6px;padding:0;font-size:12px;transition:opacity .2s,transform .2s}.btn-claim-me:hover{opacity:1;transform:scale(1.2)}.hist-mmr-tag{background:var(--surface-light);color:var(--muted);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px}.hist-mmr-tag.self-mmr{color:var(--accent);background:#4cc9f01a;font-weight:600}.player-mini{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.player-mini.highlight{color:var(--accent);font-weight:700}.player-mini .name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.hist-players .vs{color:var(--muted);text-transform:uppercase;opacity:.5;font-size:9px;font-weight:800}.th-sort{color:inherit;font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:color var(--dur-fast) ease-out;background:0 0;border:none;padding:0}.th-sort:hover{color:var(--text)}.mini-toolbar{z-index:4;border:1px solid var(--border-sub);border-radius:var(--r-pill);background:var(--bg-card);gap:6px;margin-bottom:10px;padding:6px;display:flex;position:sticky;top:8px}.mini-toolbar-btn{background:var(--surface);color:var(--text-2);border-radius:var(--r-pill);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:10px;font-weight:700;display:inline-flex}.mini-toolbar-btn.active{background:var(--accent-dim);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.priority-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.priority-badge{letter-spacing:.04em;border-radius:var(--r-pill);white-space:nowrap;padding:2px 7px;font-size:9px;font-weight:700}.priority-badge--fix{color:var(--danger);background:#f0404026}.priority-badge--stable{color:var(--warn);background:#f0c04026}.priority-badge--excellent{color:var(--success);background:#2ed47a26}.badge-outcome{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-outcome.win{color:var(--success);background:#2ed47a1a;border:1px solid #2ed47a33}.badge-outcome.loss{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.hist-actions{justify-content:flex-end;gap:6px;display:flex}.btn-view-archive,.btn-copy-share{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-sm);cursor:pointer;padding:6px 12px;font-size:12px;transition:all .2s}.btn-view-archive:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-copy-share:hover{background:var(--surface-hov);border-color:var(--border-hov);color:var(--text)}.p-self{color:var(--accent);font-weight:600}.p-opp{color:var(--text-2)}.hist-matchup-card{background:var(--bg-body);border:1px solid var(--border-subtle);border-radius:var(--r);flex-direction:column;flex:1;gap:8px;min-width:140px;padding:12px;display:flex}.hist-matchup-info{justify-content:space-between;align-items:center;display:flex}.hist-matchup-label{align-items:center;font-size:13px;font-weight:700;display:flex}.hist-matchup-count{color:var(--muted);font-size:10px}.hist-matchup-bar-bg{background:var(--chart-grid);border-radius:2px;height:4px;overflow:hidden}.hist-matchup-bar-fill{border-radius:2px;height:100%}.hist-matchup-footer{justify-content:space-between;align-items:center;display:flex}.hist-matchup-wr{font-size:14px;font-weight:800}.history-retention-banner{background:rgba(var(--primary-rgb,76, 201, 240), .05);border:1px solid var(--border-subtle);border-radius:var(--r);color:var(--muted);grid-column:1/-1;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.map-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.map-card{border:1px solid var(--glass-border);border-radius:var(--r);transition:all var(--dur-fast) var(--ease);background:#ffffff05;padding:14px;font-size:13px}.map-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.map-card strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;font-weight:700;display:block;overflow:hidden}.map-card span{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.map-bar{background:#ffffff0d;border-radius:999px;height:4px;overflow:hidden}.map-bar-fill{width:var(--map-winrate,0%);background:var(--accent);transform-origin:0;height:100%;animation:barFill .8s var(--ease) both;border-radius:999px;box-shadow:0 0 8px #d4890f66}.chart-canvas{cursor:zoom-in;border-radius:var(--r-lg);transition:box-shadow var(--dur-fast) ease-out;position:relative}.chart-canvas:hover{box-shadow:0 0 0 1px var(--border-hov), 0 6px 24px #d4890f12}.chart-canvas-sm{height:160px}.chart-canvas-md{height:200px}#chart-modal{z-index:5000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:10px;display:none;position:fixed;inset:0}#chart-modal.open{animation:panelIn var(--dur) ease-out both;display:flex}#chart-modal-container{border-radius:var(--r-lg);border:1px solid var(--border-hov);width:min(1300px,94vw);height:min(640px,86vh);box-shadow:var(--shadow-float);background:var(--surface);cursor:default;padding:24px 28px 20px;position:relative}#chart-modal-close{background:var(--surface-hov);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;min-height:44px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:20px;right:20px}#chart-modal-close:hover{color:var(--text);border-color:var(--border-hov)}.muted-text{color:var(--text-2);font-size:13px}.quick-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.quick-links a,.quick-links button{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-pill);transition:background var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.quick-links a:hover,.quick-links button:hover{background:var(--surface-hov);border-color:var(--border-hov);color:var(--text);box-shadow:none;opacity:1;transform:none}.dashboard-summary-sticky{z-index:120;background:color-mix(in srgb, var(--bg-card) 92%, transparent);border:1px solid var(--border-sub);border-radius:var(--r);padding:12px;position:sticky;top:170px}.dashboard-summary-head{margin-bottom:var(--sp-3)}.dashboard-summary-head h3{margin:0}.dashboard-summary-kpis{margin-bottom:10px}.dashboard-summary-points{color:var(--text-2);border:1px solid var(--border-sub);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.profile-controls{z-index:820;border:1px solid var(--border-sub);border-radius:var(--r);background:color-mix(in srgb, var(--bg-dark) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex;position:sticky;top:116px}.profile-controls-primary,.profile-journey{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profile-mode-filter{flex-direction:row;align-items:center;gap:8px;display:inline-flex}.profile-mode-filter span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-mode-filter select{width:auto;min-width:116px;min-height:36px;padding:6px 28px 6px 10px;font-size:13px}.profile-journey{justify-content:flex-end}.profile-journey-btn{border-radius:var(--r-pill);border:1px solid var(--border-sub);min-height:36px;color:var(--text-2);letter-spacing:.05em;background:#ffffff08;padding:7px 11px;font-family:inherit;font-size:11px}.profile-journey-btn:hover{color:var(--text);border-color:var(--border-hov);box-shadow:none;background:#ffffff0f}.profile-action-primary{background:var(--accent-gradient);color:var(--btn-text);border-radius:var(--r);letter-spacing:.05em;text-transform:uppercase;transition:opacity var(--dur-fast) ease-out;border:none;align-items:center;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.profile-action-primary:hover{opacity:.85}.profile-action-secondary{border:1px solid var(--border-sub);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out, background-color var(--dur-fast) ease-out;background:#ffffff09;align-items:center;min-height:36px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.profile-action-secondary:hover{color:var(--text);border-color:var(--border-hov);box-shadow:none;background:#ffffff0f}.profile-signal-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-signal-strip article{border:1px solid var(--border-sub);border-radius:var(--r);background:color-mix(in srgb, var(--surface) 78%, transparent);gap:4px;min-width:0;padding:10px 12px;display:grid}.profile-signal-strip span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-signal-strip strong{color:var(--text);font-family:var(--od-telemetry);font-size:clamp(19px,2vw,28px);line-height:1}.profile-signal-strip small{color:var(--text-2);font-size:12px}.profile-insight-card p{color:var(--text-2);margin:0;line-height:1.55}.my-profile-panel{gap:var(--sp-5);border-color:color-mix(in srgb, var(--accent) 42%, var(--border-sub));background:linear-gradient(135deg, #d4890f14, #4cc9f00b), color-mix(in srgb, var(--surface) 88%, transparent);display:grid}.my-profile-header,.account-player-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.my-profile-header h3,.account-player-head h3{margin:var(--sp-2) 0 0;font-size:clamp(1.1rem,1.6vw,1.45rem)}.my-profile-hero-grid,.my-history-kpis,.account-history-kpis{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.my-profile-major,.my-history-kpis article,.account-history-kpis article{align-content:end;gap:var(--sp-2);min-width:0;min-height:94px;padding:var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:#00000029;display:grid}.my-profile-major span,.my-history-kpis span,.account-history-kpis span,.my-profile-subtitle,.profile-section-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.my-profile-major strong,.my-history-kpis strong,.account-history-kpis strong{min-width:0;color:var(--text);font-family:var(--od-telemetry);overflow-wrap:anywhere;font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1}.my-profile-major small,.my-history-kpis small{color:var(--text-2);font-size:12px;line-height:1.25}.my-ladder-matrix{gap:6px;display:grid}.my-ladder-head,.my-ladder-row{gap:var(--sp-3);grid-template-columns:62px minmax(78px,.8fr) minmax(120px,1fr) minmax(70px,.7fr);align-items:center;display:grid}.my-ladder-head{padding:0 var(--sp-3);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.my-ladder-row{min-height:42px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);color:var(--text-2);background:#ffffff06}.my-ladder-mode{color:var(--accent2);font-weight:800}.my-profile-names,.profile-known-names{gap:var(--sp-2);display:grid}.identity-chip-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.identity-chip{max-width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb, var(--accent2) 30%, transparent);border-radius:var(--r-pill);color:var(--text);overflow-wrap:anywhere;background:#4cc9f012;align-items:baseline;gap:7px;font-weight:700;display:inline-flex}.identity-chip small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.my-profile-history-slot{min-height:44px}.my-history-panel{gap:var(--sp-4);display:grid}.my-history-empty,.account-missing-profile{gap:var(--sp-3);padding:var(--sp-4);border:1px dashed color-mix(in srgb, var(--accent2) 38%, var(--border-sub));border-radius:var(--r);background:#4cc9f00b;display:grid}.my-history-empty{grid-template-columns:minmax(0,1fr) auto;align-items:center}.my-history-empty p,.account-missing-profile p{margin:var(--sp-1) 0 0;color:var(--text-2);line-height:1.45}.my-history-actions,.account-player-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.account-player-panel{gap:var(--sp-4);margin:0 0 var(--sp-6);padding:var(--sp-5);border:1px solid color-mix(in srgb, var(--accent2) 26%, var(--border-sub));border-radius:var(--r);background:#4cc9f00a;display:grid}.account-player-history{min-height:42px}.account-history-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-actions{margin-top:var(--sp-3);gap:var(--sp-2);flex-wrap:wrap;display:flex}.insight-cta-secondary{border:1px dashed color-mix(in srgb, var(--border) 70%, transparent);color:color-mix(in srgb, var(--text-2) 86%, #fff 14%);border-radius:var(--r-pill);letter-spacing:.02em;text-transform:uppercase;opacity:.86;min-height:44px;transition:border-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out, background-color var(--dur-fast) ease-out, opacity var(--dur-fast) ease-out;background:0 0;padding:10px 14px;font-size:11px;font-weight:600}.insight-cta-secondary:hover{opacity:1;background:color-mix(in srgb, var(--surface) 74%, transparent);border-color:var(--border);color:var(--text);box-shadow:none;transform:none}.status-success{color:var(--success)}.status-info{color:var(--accent)}.status-warn{color:var(--warn)}.status-danger{color:var(--danger)}.race-terran{color:var(--terran)}.race-zerg{color:var(--zerg)}.race-protoss{color:var(--protoss)}.race-random{color:var(--random)}.race-unknown{color:var(--muted)}.about-handle{color:var(--accent)}.kpi-meter-fill[data-winrate=positive]{background:var(--success)}.kpi-meter-fill[data-winrate=negative]{background:var(--danger)}.kpi-streak-row{align-items:center;gap:8px;display:flex}.kpi-streak-row strong[data-streak=positive]{color:var(--success)}.kpi-streak-row strong[data-streak=negative]{color:var(--danger)}.kpi-streak-row strong[data-streak=neutral]{color:inherit}.streak-fire{opacity:.8;font-size:10px}.ladder-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ladder-card-title{margin-bottom:0}.recent-replays-footer{text-align:center;margin-top:16px}.kpi strong[data-winrate=positive]{color:var(--success)}.kpi strong[data-winrate=negative]{color:var(--danger)}.skeleton-w-20{width:20px}.skeleton-w-40{width:40px}.skeleton-w-50{width:50px}.skeleton-w-60{width:60px}.skeleton-w-140{width:140px}.lb-row{cursor:pointer}#toast{z-index:9999;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;transition:opacity var(--dur) ease-out, transform var(--dur) var(--ease);background:#0a122af7;max-width:300px;padding:11px 16px;font-size:13px;font-weight:500;line-height:1.4;position:fixed;bottom:24px;right:24px;overflow:hidden;transform:translateY(6px)scale(.98)}#toast.show{opacity:1;transform:translateY(0)scale(1)}#toast:after{content:"";opacity:.45;transform-origin:0;background:currentColor;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}#toast.show:after{animation:1.8s linear both toastMeter}#toast[data-type=success]{color:var(--success);border-color:#2ed47a66}#toast[data-type=error]{color:var(--danger);border-color:#ff475766}#toast[data-type=warn]{color:var(--warn);border-color:#ffd16666}#toast[data-type=info]{color:var(--accent);border-color:#4cc9f066}.race-badge-img{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:11px;font-weight:700;display:inline-flex}.race-badge-img:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.race-badge-text{color:inherit}.race-badge-img--terran{color:var(--terran);background:#4cc9f014;border-color:#4cc9f04d}.race-badge-img--zerg{color:var(--zerg);background:#b560ff14;border-color:#b560ff4d}.race-badge-img--protoss{color:var(--protoss);background:#f0c04014;border-color:#f0c0404d}.race-badge-img--random{color:var(--random);background:#d4890f14;border-color:#d4890f4d}.race-badge-img--unknown{color:var(--muted);background:#94a3b80f;border-color:#94a3b840}.race-icon-sm{filter:drop-shadow(0 0 2px #00000080);width:14px;height:14px}.player-header-card{position:relative;overflow:hidden}.player-header-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);align-items:end;gap:14px;display:grid;position:relative}.player-header-main{z-index:1;gap:8px;max-width:70ch;display:grid;position:relative}.player-header-kicker{width:fit-content;color:var(--text-2);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:4px 10px;font-size:.95rem;display:inline-flex}.player-header-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.player-header-title-row h2{max-width:18ch;margin-bottom:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.1}.player-header-meta{color:var(--text-2);letter-spacing:.04em;font-size:12px}.player-header-copy{color:var(--text-2);max-width:64ch;font-size:12px;line-height:1.55}.player-header-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:8px;display:grid}.player-header-stat{border-radius:var(--r);border:1px solid var(--border-sub);background:var(--surface);align-content:end;gap:5px;min-height:76px;padding:10px;display:grid}.player-header-stat span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.player-header-stat strong{color:var(--text);font-family:var(--font-display);letter-spacing:.03em;font-size:clamp(1.65rem,3vw,2.35rem);line-height:.9}.quick-links--profile{align-items:center}.search-highlight-guide{animation:2.5s ease-out search-glow-guide}@keyframes search-glow-guide{0%{transform:scale(1);box-shadow:0 0 #4cc9f000}15%{transform:scale(1.02);box-shadow:0 0 0 10px #4cc9f066}30%{transform:scale(1);box-shadow:0 0 0 15px #4cc9f000}45%{transform:scale(1.01);box-shadow:0 0 0 10px #4cc9f04d}to{transform:scale(1);box-shadow:0 0 #4cc9f000}}.hist-mmr-tag{color:var(--muted);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.hist-mmr-tag.self-mmr{color:var(--accent);background:#4cc9f01a;border-color:#4cc9f033}.btn-claim-profile-mini{border:1px solid var(--border);cursor:pointer;opacity:.4;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:8px;padding:4px;font-size:14px;transition:all .2s;display:flex}.btn-claim-profile-mini:hover{opacity:1;border-color:var(--accent);background:#4cc9f01a;transform:scale(1.1)}.result-claim{margin-left:0;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.result-wrap{position:relative}.result-wrap:hover .result-claim{opacity:.8}.me-tag-large{color:var(--accent);letter-spacing:1px;background:#4cc9f01a;border:1px solid #4cc9f04d;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:800}.player-header-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.claim-profile-header{margin-left:auto;padding:4px 12px;font-size:11px}.auth-container{text-align:center;max-width:420px;margin:60px auto;padding:40px}.auth-header h2{margin-top:10px;font-size:24px}.auth-subtitle{color:var(--muted);margin-bottom:30px;font-size:13px;line-height:1.5}.auth-form{text-align:left;flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-2);font-size:11px}.btn-auth-submit{background:var(--accent);color:var(--bg-dark);border-radius:var(--r);border:none;margin-top:10px;padding:14px;font-size:14px;font-weight:800;box-shadow:0 4px 20px #d4890f40}.btn-auth-submit:hover{background:#ffb84d;transform:translateY(-2px);box-shadow:0 8px 30px #d4890f66}.auth-footer{border-top:1px solid var(--border-sub);margin-top:30px;padding-top:20px}.btn-auth-toggle{color:var(--accent2);text-transform:none;letter-spacing:normal;background:0 0;border:none;font-size:12px;font-weight:600}.btn-auth-toggle:hover{color:var(--text);box-shadow:none;background:0 0;text-decoration:underline}.btn-auth-open.is-logged-in{background:var(--primary);color:var(--bg-dark);border-color:var(--primary);font-weight:700;box-shadow:0 0 10px #4cc9f066}#tab-auth.btn-auth-open:not(.is-logged-in){color:var(--muted);background:#ffffff05;border:1px dashed #fff3;font-style:italic}.btn-auth-open.is-logged-in:hover{transform:translateY(-1px);box-shadow:0 0 15px #4cc9f099}.auth-container--account{text-align:left;max-width:560px}.account-hero{gap:var(--sp-5);margin-bottom:var(--sp-6);grid-template-columns:56px 1fr;align-items:center;display:grid}.account-avatar{border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);border-radius:var(--r);background:color-mix(in srgb, var(--accent) 8%, var(--surface));width:56px;height:56px;color:var(--text);font-family:var(--font-display);box-shadow:var(--glow-accent);place-items:center;font-size:22px;font-weight:800;display:grid}.account-hero-copy h2{margin:var(--sp-2) 0 var(--sp-2);font-size:24px;line-height:1.1}.account-hero-copy .auth-subtitle{margin:0}.account-info{gap:var(--sp-4);margin:0 0 var(--sp-6);display:grid}.account-field{gap:var(--sp-4);min-height:48px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:color-mix(in srgb, var(--surface) 86%, transparent);grid-template-columns:minmax(110px,.32fr) 1fr;align-items:center;display:grid}.account-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.account-value{min-width:0;font-size:var(--text-lg);color:var(--text);overflow-wrap:anywhere;font-weight:700}.account-field.highlight{border-color:color-mix(in srgb, var(--primary) 45%, var(--border-sub));background:linear-gradient(135deg, rgba(var(--primary-rgb), .08), #4cc9f00a)}.identity-value{gap:var(--sp-2);display:grid}.identity-tag{width:fit-content;max-width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb, var(--accent2) 38%, transparent);border-radius:var(--r-sm);color:var(--text);overflow-wrap:anywhere;background:#4cc9f014;font-weight:700;display:inline-block}.identity-help{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.4}.account-actions{justify-content:space-between;align-items:center;gap:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border-sub);display:flex}.account-actions-note{max-width:320px;color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.35}.btn-logout{min-height:42px;padding:0 var(--sp-5);border:1px solid var(--danger-border-soft);border-radius:var(--r);background:var(--danger-bg-soft);color:var(--danger);font-size:var(--text-sm);letter-spacing:0;text-transform:none;box-shadow:none;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);font-weight:800}.btn-logout:hover{border-color:var(--danger);box-shadow:none;background:#ff5e5e1f;transform:translateY(-1px)}.btn-logout:focus-visible{outline:2px solid color-mix(in srgb, var(--danger) 70%, white);outline-offset:3px}@media (width<=640px){.auth-container--account{margin:var(--sp-6) auto;padding:var(--sp-5)}.account-hero,.account-field,.account-actions{grid-template-columns:1fr}.account-hero{justify-items:start}.account-actions{display:grid}.btn-logout{width:100%}.account-player-head,.my-profile-header,.my-history-empty{grid-template-columns:1fr;display:grid}.my-profile-hero-grid,.my-history-kpis,.account-history-kpis{grid-template-columns:1fr}.my-ladder-head{display:none}.my-ladder-row{grid-template-columns:52px 1fr}.my-ladder-row span:nth-child(3),.my-ladder-row span:nth-child(4){grid-column:2}}.battle-report-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:16px;width:100%;min-width:0;display:grid}.battle-too-small{color:var(--accent);background:#d4890f1f;border:1px solid #d4890f59;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:11px;display:flex}.heatmap-zoom-indicator{font-family:var(--font-mono);color:var(--od-accent);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #4cc9f04d;border-radius:3px;padding:2px 8px;font-size:10px;display:none}.heatmap-zoom-indicator.active{display:inline-block}.heatmap-zoom-indicator:hover{background:#4cc9f01a}.heatmap-tooltip{pointer-events:none;font-size:11px;font-family:var(--font-mono);white-space:nowrap;z-index:10;background:#040508eb;border:1px solid #4cc9f059;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;display:flex;position:absolute;box-shadow:0 2px 10px #00000080}.heatmap-tooltip .tt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.heatmap-tooltip .tt-player{color:var(--text-primary);font-weight:600}.heatmap-tooltip .tt-sep{color:#4cc9f066}.heatmap-tooltip .tt-unit{color:var(--od-accent)}.heatmap-tooltip .tt-time{color:var(--text-muted)}.timeline-main-content{flex-direction:column;gap:12px;min-width:0;margin-top:12px;display:flex}@media (width<=900px){.view-tabs{flex-wrap:nowrap;width:100%;top:56px;overflow-x:auto}.profile-controls{flex-direction:column;align-items:stretch;top:108px}.profile-controls-primary,.profile-journey{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.dashboard-summary-sticky{position:static}.player-header-layout,.profile-signal-strip{grid-template-columns:1fr}.timeline-main-content{flex-direction:column}.battle-report-layout{grid-template-columns:1fr}}.timeline-feeds-container{grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}@media (width<=900px){.timeline-feeds-container{grid-template-columns:1fr}}.timeline-feed-root,.timeline-bo-root{border:1px solid var(--border-subtle);background:#0003;border-radius:8px;flex-direction:column;height:280px;display:flex;overflow:hidden auto}.timeline-feed-list{flex-direction:column;gap:4px;padding:8px;display:flex}.timeline-feed-item{background:#ffffff05;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;min-width:0;padding:6px 10px;display:flex}.feed-time{font-family:var(--font-mono);color:var(--text-muted);min-width:40px;font-size:.75rem}.feed-unit-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.feed-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8rem;overflow:hidden}.feed-text strong{color:var(--text)}.unit-icon-xs{object-fit:contain;width:16px;height:16px}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.bo-phase-title{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:.8;margin:1.5rem 0 .75rem .5rem;font-size:.75rem;font-weight:800}.bo-phase-group{margin-bottom:2rem}.bo-phase-group:last-child{margin-bottom:0}.build-order-item{transition:transform .2s}.build-order-item:hover{background:#ffffff0a;transform:translate(4px)}.compact-replay-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.compact-replay-item{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff08;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.compact-replay-item:hover{border-color:var(--accent);background:#ffffff0f;transform:translate(4px)}.compact-replay-item .replay-info{flex-direction:column;gap:2px;display:flex}.compact-replay-item .replay-map{color:var(--text-1);font-size:13px;font-weight:600}.compact-replay-item .replay-players{color:var(--text-3);align-items:center;gap:6px;font-size:11px;display:flex}.compact-replay-item .replay-meta{align-items:center;gap:12px;display:flex}.compact-replay-item .replay-date{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.compact-replay-item .badge-outcome{text-align:center;border-radius:2px;min-width:20px;padding:2px 6px;font-size:10px;font-weight:800}.compact-replay-item .badge-outcome.win{color:var(--success);background:#2ed57333}.compact-replay-item .badge-outcome.loss{color:var(--danger);background:#ff475733}.compact-replay-item .vs-sep{color:var(--text-4,#555);margin:0 2px;font-size:10px}.compact-replay-item .game-type-tag{color:var(--accent);vertical-align:middle;background:#d4890f1f;border:1px solid #d4890f40;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.telemetry-label{color:var(--muted);opacity:.6;font-size:9px;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hist-stat-val[data-winrate=high]{color:var(--success)}.hist-stat-val[data-winrate=medium]{color:var(--warn)}.hist-stat-val[data-winrate=low]{color:var(--danger)}.rpl-macro-meter-fill[data-winrate=high]{background:var(--success)}.rpl-macro-meter-fill[data-winrate=medium]{background:var(--warn)}.rpl-macro-meter-fill[data-winrate=low]{background:var(--danger)}.hist-map-wr[data-winrate=high]{color:var(--success)}.hist-map-wr[data-winrate=medium]{color:var(--warn)}.hist-map-wr[data-winrate=low]{color:var(--danger)}.hist-matchup-bar-fill[data-winrate=high]{background:var(--success)}.hist-matchup-bar-fill[data-winrate=medium]{background:var(--warn)}.hist-matchup-bar-fill[data-winrate=low]{background:var(--danger)}.hist-matchup-wr[data-winrate=high]{color:var(--success)}.hist-matchup-wr[data-winrate=medium]{color:var(--warn)}.hist-matchup-wr[data-winrate=low]{color:var(--danger)}.hist-matchup-vs{color:var(--muted);margin:0 4px;font-size:10px}.hist-matchup-footer-meta{color:var(--muted);font-size:10px}.hist-mmr-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.history-empty-cell{text-align:center;padding:32px}.chart-empty-state{text-align:center;padding:20px}.history-actions-cell{text-align:right}.history-map-cell{font-weight:500}.peer-updated-at{margin-top:2px;font-size:11px}.peer-controls.peer-controls-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.peer-control-select{width:auto;min-width:90px;padding:7px 10px;font-size:13px}.peer-control-input{width:auto;min-width:160px}.lb-stats-panel{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.lb-stats-totals{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lb-stats-totals-cell{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:8px;padding:12px 10px}.lb-stats-totals-value{letter-spacing:.02em;font-size:1.5em;font-weight:700}.lb-stats-totals-label{letter-spacing:.08em;opacity:.65;text-transform:uppercase;margin-top:2px;font-size:.72em}.lb-stats-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lb-stats-section-title{text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin:0;font-size:.82em}.lb-stats-section-title--race{margin-top:4px}.lb-stats-section-hint{opacity:.55;font-size:.72em;font-style:italic}.lb-league-bars{flex-direction:column;gap:8px;display:flex}.lb-league-row{grid-template-columns:96px 1fr 110px 90px;align-items:center;gap:10px;font-size:.85em;display:grid}.lb-league-name{text-transform:capitalize;letter-spacing:.04em;font-weight:600}.lb-league-track{background:#ffffff0d;border-radius:4px;height:18px;position:relative;overflow:hidden}.lb-league-fill{opacity:.85;border-radius:4px;height:100%;transition:width .22s}.lb-league-count{text-align:right;font-variant-numeric:tabular-nums;opacity:.85;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.lb-league-mmr{text-align:right;opacity:.55;font-variant-numeric:tabular-nums;font-size:.85em}.lb-league-badge{letter-spacing:.08em;color:var(--accent,#d4890f);text-transform:uppercase;background:#d4890f1f;border:1px solid #d4890f59;border-radius:999px;padding:2px 6px;font-size:.62em;font-weight:600}.lb-race-pills{flex-wrap:wrap;gap:10px;display:flex}.lb-race-pill{border:1px solid color-mix(in srgb, var(--race-color) 40%, transparent);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.lb-race-pill .lb-race-name{color:var(--race-color);text-transform:capitalize;font-weight:600}.lb-race-pill .lb-race-count{font-variant-numeric:tabular-nums;opacity:.85}.lb-race-pill .lb-race-mmr{opacity:.55;font-size:.78em}@media (width<=720px){.lb-league-row{grid-template-columns:80px 1fr 80px}.lb-league-mmr{display:none}.lb-stats-totals{grid-template-columns:1fr 1fr}}.lb-stream-item{color:inherit;transition:background .15s var(--ease);background:#0003;border-radius:6px;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.lb-stream-item:hover,.lb-stream-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:#0006}.lb-stream-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:36px}.lb-stream-thumb--empty{background:#ffffff14}.lb-stream-info{min-width:0}.lb-stream-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85em;font-weight:600;overflow:hidden}.lb-stream-title{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.75em;overflow:hidden}.lb-stream-viewers{opacity:.5;color:var(--color-loss);font-size:.7em}#maintenance-overlay{z-index:calc(var(--z-toast) + 100);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.3s ease-out both maintenanceFadeIn;display:flex;position:fixed;inset:0}#maintenance-overlay[hidden]{display:none}@keyframes maintenanceFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.maintenance-card{align-items:center;gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;width:90%;max-width:480px;padding:clamp(32px,6vw,64px);display:flex;box-shadow:0 8px 40px #00000073}.maintenance-icon{transform-origin:50%;font-size:3rem;line-height:1;animation:6s linear infinite maintenanceSpin}@keyframes maintenanceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;font-size:1.4rem;font-weight:700}.maintenance-body{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}.maintenance-retry-row{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.maintenance-countdown{color:var(--text-muted);font-variant-numeric:tabular-nums;min-height:1.2em;font-size:.82rem}.maintenance-retry-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:background var(--dur) ease, color var(--dur) ease;background:0 0;border-radius:6px;padding:8px 24px;font-size:.9rem;font-weight:600}.maintenance-retry-btn:hover{background:var(--accent);color:#000}.auth-matchups,.auth-recent-replays{margin-top:24px}.auth-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:800}.auth-matchups-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.auth-matchup-item{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.auth-matchup-head{justify-content:space-between;align-items:center;display:flex}.auth-matchup-name{color:var(--text-primary);font-size:13px;font-weight:700}.auth-matchup-wr{font-family:var(--font-mono);font-size:14px;font-weight:700}.auth-matchup-wr[data-winrate=high]{color:var(--success)}.auth-matchup-wr[data-winrate=medium]{color:var(--accent)}.auth-matchup-wr[data-winrate=low]{color:var(--danger)}.auth-matchup-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.auth-matchup-fill{border-radius:2px;height:100%}.auth-matchup-fill[data-winrate=high]{background:var(--success)}.auth-matchup-fill[data-winrate=medium]{background:var(--accent)}.auth-matchup-fill[data-winrate=low]{background:var(--danger)}.auth-matchup-sub{color:var(--text-muted);text-align:right;font-size:11px}.compact-replay-list{flex-direction:column;gap:8px;display:flex}@media (width<=768px){.auth-matchups-grid{grid-template-columns:1fr}}.lb-stats-details{margin-top:var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r);background:#ffffff08;transition:all .2s;overflow:hidden}.lb-stats-details[open]{border-color:var(--border);background:#ffffff0d}.lb-stats-summary{padding:var(--sp-3) var(--sp-4);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:var(--sp-2);font-size:11px;font-weight:700;list-style:none;display:flex}.lb-stats-summary::-webkit-details-marker{display:none}.lb-stats-summary:before{content:"→";color:var(--accent);transition:transform .2s;display:inline-block}.lb-stats-details[open] .lb-stats-summary:before{transform:rotate(90deg)}.lb-stats-details-content{padding:0 var(--sp-4) var(--sp-4);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lb-stats-section-title{margin-top:var(--sp-4)}#dashboard-empty{text-align:left;padding:clamp(52px,8vw,84px) clamp(18px,3vw,28px)}#dashboard-empty h3{font-size:var(--text-base);color:var(--text-2);letter-spacing:.08em;text-transform:none;justify-content:flex-start}#dashboard-empty h3:before{display:none}#dashboard-empty>p{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.6}main:has(#search-results:not(:empty)) #dashboard-empty{display:none}#view-dashboard:has(#output:not(:empty)) #dashboard-empty{display:none}.welcome-grid{grid-template-columns:1fr 1fr;grid-template-areas:"search search""compare replay";align-items:stretch;gap:16px;margin-top:clamp(20px,3vw,28px);display:grid}#welcome-search-card{grid-area:search}#welcome-compare-card{grid-area:compare}#welcome-replay-card{grid-area:replay}.welcome-card{font:inherit;color:var(--text);text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;display:flex;position:relative;overflow:hidden}.welcome-card:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}body.app-ready .welcome-card{animation:cardStagger .6s var(--ease) both}body.app-ready #welcome-search-card{animation-delay:.2s}body.app-ready #welcome-compare-card{animation-delay:.3s}body.app-ready #welcome-replay-card{animation-delay:.4s}@keyframes cardStagger{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-card--hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;padding:32px;display:grid!important}.welcome-card-content{z-index:2;flex-direction:column;gap:16px;display:flex}.welcome-card-visual{z-index:1;justify-content:center;align-items:center;height:100%;min-height:200px;display:flex;position:relative;overflow:hidden}.welcome-icon{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;min-width:48px;min-height:48px;padding:0;display:flex;overflow:hidden;width:48px!important;height:48px!important}.welcome-symbol{pointer-events:none;width:24px;height:24px;color:var(--accent,#4cc9f0);flex-shrink:0;display:block}.welcome-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.02em;text-transform:none;margin:0;font-size:1.6rem;font-weight:800;line-height:1.1}.welcome-desc{color:var(--text-2);text-align:left;margin:0;font-size:.95rem;line-height:1.7}.welcome-suggestions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.welcome-suggestions-list{flex-wrap:wrap;gap:8px;display:flex}.welcome-suggestion-chip{cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:6px 14px;display:flex}@media (width<=768px){.welcome-grid{grid-template-columns:1fr;grid-template-areas:"search""compare""replay";gap:18px}.welcome-card{padding:20px 18px}.welcome-card--hero{grid-template-columns:1fr}}.mock-ui{width:100%;max-width:320px;transition:transform var(--dur) var(--ease);flex-direction:column;gap:12px;display:flex;transform:perspective(1000px)rotateY(-8deg)rotateX(4deg)}.welcome-card--hero:hover .mock-ui{transform:perspective(1000px)rotateY(0)rotateX(0)}.mock-result{background:var(--surface);border:1px solid var(--border-subtle);opacity:.5;filter:grayscale(.8);transition:all var(--dur) var(--ease);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.mock-result.active{opacity:1;filter:grayscale(0);border-color:#4cc9f066;transform:translate(-12px)scale(1.02);box-shadow:0 8px 32px #4cc9f026}.mock-id{color:var(--text-1);font-size:15px;font-weight:700}.mock-id span{color:var(--muted);font-weight:500}.mock-badges{gap:6px;display:flex}.m-b{color:var(--text-2);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.m-gm{color:var(--protoss);background:#f0c04026;box-shadow:0 0 12px #f0c04033}.mock-graph{background:linear-gradient(90deg,#4cc9f01a 0%,#4cc9f04d 50%,#4cc9f01a 100%);border-radius:4px;height:24px;margin:4px 0;position:relative;overflow:hidden}.mock-graph:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:3s linear infinite mockGraphShimmer;position:absolute;inset:0 100% 0 -100%}@keyframes mockGraphShimmer{to{left:100%;right:-100%}}.mock-btn-peek{color:var(--text-2);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all var(--dur-fast) var(--ease);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700}.mock-result.active .mock-btn-peek{color:#4cc9f0;background:#4cc9f01a;border-color:#4cc9f04d}.about-wrap{grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:12px;max-width:1240px;margin:0 auto;padding:8px 0 0;display:grid}.about-card{border-color:var(--border-sub);background:color-mix(in srgb, var(--bg-card) 82%, transparent);margin:0}.about-card--hero,.about-card--stack,.about-infra-grid{grid-column:1/-1}.about-card--profile,.about-card--version{grid-column:span 4}.about-card--project,.about-card--features{grid-column:span 8}.about-hero-shell{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:18px;display:grid}.about-hero-copy{align-content:center;gap:12px;min-width:0;display:grid}.about-kicker,.about-section-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.about-hero-copy h2{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.98}.about-hero-copy p{color:var(--text-2);max-width:76ch;font-size:.95rem;line-height:1.75}.about-hero-panel{border:1px solid var(--border-sub);border-radius:var(--r);background:linear-gradient(135deg, #b560ff1f, transparent 55%), color-mix(in srgb, var(--surface) 80%, transparent);align-content:space-between;gap:14px;padding:16px;display:grid}.about-sigil{background:#b560ff14;border:1px solid #b560ff57;border-radius:18px;place-items:center;width:72px;height:72px;display:grid}.about-sigil img{width:46px;height:46px}.about-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.about-feature{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);font-size:var(--text-sm);align-items:flex-start;gap:12px;padding:10px 14px;display:flex}@media (width<=768px){.about-wrap{grid-template-columns:1fr}.about-card--hero,.about-card--profile,.about-card--project,.about-card--features,.about-card--version,.about-card--stack,.about-infra-grid{grid-column:auto}.about-hero-shell,.about-features{grid-template-columns:1fr}}