:root{--font-display:"Exo 2", sans-serif;--font-body:"Exo 2", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Roboto Mono", monospace;--od-telemetry:var(--font-mono);--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:oklch(22% .005 250);--bg-dark:oklch(18% .003 250);--bg-card:oklch(25% .008 250/.6);--bg-card-hov:oklch(27% .01 250/.8);--card-bg:var(--bg-card);--border:oklch(48% .08 75/.12);--border-hov:oklch(52% .12 75/.35);--border-sub:oklch(100% 0 0/.05);--text:oklch(92% .004 100);--text-2:oklch(75% .006 250);--muted:oklch(72% .008 250);--text-muted:var(--muted);--danger-rgb:255, 71, 87;--accent:oklch(72% .15 75);--accent2:oklch(48% .18 310);--accent-dim:oklch(72% .15 75/.1);--accent-gradient:linear-gradient(180deg, oklch(72% .15 75/.1) 0%, oklch(72% .15 75/.05) 100%);--accent-shadow:0 0 20px oklch(20% 0 0/.5);--terran:oklch(82% .16 210);--zerg:oklch(65% .22 305);--protoss:oklch(80% .18 80);--random:oklch(68% .12 280);--race-terran:var(--terran);--race-zerg:var(--zerg);--race-protoss:var(--protoss);--race-random:var(--random);--success:oklch(85% .18 140);--danger:oklch(78% .22 25);--warn:oklch(88% .2 85);--color-win:oklch(80% .2 140);--color-loss:oklch(72% .22 25);--success-bg-subtle:oklch(85% .18 140/.06);--success-border-subtle:oklch(85% .18 140/.18);--danger-bg-subtle:oklch(78% .22 25/.04);--danger-border-subtle:oklch(78% .22 25/.15);--danger-bg-soft:oklch(78% .22 25/.04);--danger-border-soft:oklch(78% .22 25/.2);--success-bg-soft:oklch(85% .18 140/.08);--success-border-soft:oklch(85% .18 140/.25);--info-bg-subtle:oklch(82% .16 210/.06);--info-border-subtle:oklch(82% .16 210/.22);--warn-bg-subtle:oklch(88% .2 85/.06);--warn-border-subtle:oklch(88% .2 85/.22);--surface:oklch(100% 0 0/.03);--surface-hov:oklch(100% 0 0/.06);--surface-elev:oklch(100% 0 0/.08);--menu-bg:oklch(23% .006 250);--focus-ring:oklch(72% .15 75/.6);--focus-ring-soft:oklch(72% .15 75/.12);--status-active:oklch(72% .15 75/.8);--progress-fill:oklch(68% .12 75);--badge-accent:oklch(72% .15 75/.15);--kpi-accent-stripe:oklch(65% .12 75);--map-bar-glow:oklch(68% .1 75/.4);--r:8px;--r-lg:14px;--r-sm:4px;--r-pill:999px;--shadow-sm:0 4px 12px oklch(15% 0 0/.5);--shadow-md:0 12px 36px oklch(10% 0 0/.7);--shadow-float:0 16px 48px oklch(10% 0 0/.8);--glow-accent:0 0 20px oklch(72% .15 75/.15);--shadow-glow:0 0 15px oklch(72% .15 75/.1);--league-bronze:oklch(65% .15 50);--league-silver:oklch(82% .01 250);--league-gold:oklch(72% .15 75);--league-platinum:oklch(75% .01 250);--league-diamond:oklch(48% .18 310);--league-master:oklch(70% .12 75);--league-grandmaster:oklch(88% .2 85);--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:oklch(98% .002 100);--grid-line:oklch(100% 0 0/.03);--chart-grid:oklch(100% 0 0/.05);--chart-grid-minor:oklch(100% 0 0/.03);--chart-zero-line:oklch(100% 0 0/.12);--chart-text:oklch(100% 0 0/.7);--chart-tick:oklch(100% 0 0/.3);--chart-bg:oklch(23% .006 250/.9);--chart-fill-cyan:oklch(82% .16 210/.12);--chart-fill-gold:oklch(72% .15 75/.12);--chart-fill-red:oklch(78% .22 25/.12);--chart-fill-green:oklch(85% .18 140/.12);--chart-fill-orange:oklch(85% .18 80/.12);--chart-fill-purple:oklch(48% .18 310/.12);--glass:oklch(100% 0 0/.03);--header-bg:oklch(23% .006 250/.96);--field-bg:oklch(100% 0 0/.04);--field-bg-focus:oklch(100% 0 0/.07);--field-border:oklch(100% 0 0/.12);--hero-glow:oklch(48% .18 310/.08);--surface-tertiary:oklch(100% 0 0/.03);--track-bg:oklch(100% 0 0/.06);--chat-bg:oklch(100% 0 0/.05);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-toast:700;--od-accent:var(--accent);--od-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000008 2px, #00000008 4px)}[data-theme=light]{--bg:oklch(96% .004 100);--bg-dark:oklch(92% .004 100);--bg-card:oklch(98% 0 0/.95);--bg-card-hov:oklch(100% 0 0);--border:oklch(65% .16 75/.22);--border-hov:oklch(70% .12 75/.55);--border-sub:oklch(0% 0 0/.08);--text:oklch(22% .005 250);--text-2:oklch(30% .008 250);--muted:oklch(40% .008 250);--text-muted:var(--muted);--danger-rgb:255, 71, 87;--accent:oklch(50% .16 75);--primary-rgb:184, 134, 11;--accent2:oklch(35% .18 310);--accent-dim:oklch(65% .16 75/.12);--accent-gradient:linear-gradient(135deg, oklch(65% .16 75) 0%, oklch(55% .12 75) 100%);--surface:oklch(0% 0 0/.04);--surface-hov:oklch(0% 0 0/.07);--glass:oklch(0% 0 0/.02);--menu-bg:oklch(98% 0 0/.98);--header-bg:oklch(98% 0 0/.96);--field-bg:oklch(0% 0 0/.04);--field-bg-focus:oklch(0% 0 0/.07);--field-border:oklch(0% 0 0/.12);--focus-ring:oklch(65% .16 75/.6);--focus-ring-soft:oklch(65% .16 75/.12);--status-active:oklch(55% .16 75/.8);--progress-fill:oklch(58% .12 75);--badge-accent:oklch(55% .16 75/.18);--kpi-accent-stripe:oklch(58% .12 75);--map-bar-glow:oklch(58% .1 75/.4);--grid-line:oklch(0% 0 0/.05);--hero-glow:oklch(48% .18 310/.12);--shadow-float:0 8px 32px oklch(0% 0 0/.18), 0 1px 0 oklch(65% .16 75/.04) inset;--chart-tick:oklch(50% .008 250);--chart-text:oklch(22% .005 250);--success-bg-subtle:oklch(85% .18 140/.08);--success-border-subtle:oklch(85% .18 140/.22);--danger-bg-subtle:oklch(78% .22 25/.06);--danger-border-subtle:oklch(78% .22 25/.18);--danger-bg-soft:oklch(78% .22 25/.06);--danger-border-soft:oklch(78% .22 25/.25);--success-bg-soft:oklch(85% .18 140/.12);--success-border-soft:oklch(85% .18 140/.35);--surface-tertiary:oklch(0% 0 0/.03);--track-bg:oklch(0% 0 0/.08);--chat-bg:oklch(0% 0 0/.1);--shadow-glow:0 0 10px oklch(65% .16 75/.05);--chart-grid:oklch(0% 0 0/.08);--chart-grid-minor:oklch(0% 0 0/.05);--chart-zero-line:oklch(0% 0 0/.22);--chart-bg:oklch(98% 0 0/.95);--chart-fill-cyan:oklch(82% .16 210/.12);--chart-fill-gold:oklch(65% .16 75/.12);--chart-fill-red:oklch(78% .22 25/.12);--chart-fill-green:oklch(85% .18 140/.12);--chart-fill-orange:oklch(85% .18 80/.12);--chart-fill-purple:oklch(48% .18 310/.12);--od-accent:var(--accent);--od-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000005 2px, #00000005 4px)}@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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 30%,#f3a01905 0%,#0000 40%),radial-gradient(circle at 80% 20%,#34d1ff04 0%,#0000 35%);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}@media (prefers-reduced-motion:no-preference){@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{animation:shimmer var(--dur-slow) infinite linear;border-radius:var(--r);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%}::view-transition-old(root){animation-duration:var(--dur-slow)}::view-transition-new(root){animation-duration:var(--dur-slow)}::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)}}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:.01ms}::view-transition-new(root){animation-duration:.01ms}.shimmer{background:#ffffff0d;animation:none}}}@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}#view-replay.has-results>.card{min-width:0;max-width:100%}.has-results .replay-panels-wrapper{width:100%;min-width:0;max-width:100%}.has-results #replay-results{width:100%;min-width:0;max-width:100%;scroll-margin-top:124px}.has-results #replay-results>*{min-width:0;max-width:100%}.has-results #replay-results [data-replay-evidence-target=true]{scroll-margin-top:180px}@media (width>=641px){.has-results #replay-results [data-replay-evidence-target=true][role=slider]{scroll-margin-top:250px}}@media (width<=640px){.has-results #replay-results{scroll-margin-top:180px}.has-results #replay-results [data-replay-evidence-target=true]{scroll-margin-top:234px}}.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}.helper-toggle-btn{border:1px dashed var(--border-subtle,#ffffff14);width:100%;color:var(--text-muted,#fff6);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:#ffffff05;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.helper-toggle-btn:hover{border-color:var(--border);color:var(--text-2);background:#ffffff0a}.helper-toggle-chevron{transition:transform var(--dur-fast) var(--ease);flex-shrink:0;margin-left:auto}.helper-toggle-btn.is-open .helper-toggle-chevron{transform:rotate(180deg)}.desktop-helper-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;margin-top:8px;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:minmax(0,1fr) minmax(0,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:var(--bg-dark);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-linux-cmd{background:var(--bg-dark,#040508);border:1px solid var(--border-sub);border-radius:6px;align-items:center;gap:8px;padding:9px 10px;display:flex}.helper-linux-code{min-width:0;color:var(--accent2);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;font-family:Courier New,Courier,monospace;font-size:11px;overflow:hidden}.helper-copy-btn{color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.helper-copy-btn:hover{color:var(--text);background:#ffffff0f}.helper-copy-btn.copied{color:#4caf84}.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}.helper-mgmt{border-top:1px solid var(--border-sub);margin-top:12px;padding-top:10px}.helper-mgmt strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-bottom:5px;font-size:11px;display:block}.helper-mgmt ul{color:var(--muted);margin:0;padding:0;font-size:11.5px;line-height:1.7;list-style:none}.helper-mgmt ul code{color:var(--fg);background:var(--bg-card);border-radius:3px;padding:1px 4px;font-family:Courier New,monospace;font-size:11px}.helper-alt-panel{border-top:1px dashed var(--border-sub);gap:16px;margin-top:10px;padding-top:12px;display:grid}.helper-alt-group{gap:10px;display:grid}.helper-alt-group-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--border-sub);margin-bottom:2px;padding-bottom:3px;font-size:10px;font-weight:700;display:inline-block}.helper-alt-method{gap:6px;display:grid}.helper-alt-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.helper-alt-head strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);font-size:12px}.helper-alt-sub{color:var(--muted);font-size:11px}.helper-alt-code{white-space:pre;text-overflow:clip;line-height:1.5;overflow-x:auto}@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:12px;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}@media (width<=480px){.rpl-header,.rpl-header-identity,.rpl-header-chips,.rpl-share-bar{min-width:0;max-width:100%}.rpl-share-bar{flex-wrap:wrap;flex:100%;width:100%;margin-left:0}.rpl-share-bar .btn-rpl-action{white-space:normal;min-width:0;max-width:100%}}.rpl-header-identity{flex-shrink:0;align-items:center;gap:8px;display:flex}.rpl-header-map{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:700}.rpl-header-matchup{letter-spacing:.06em;color:var(--accent);background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 25%, transparent);border-radius:var(--r-pill);padding:2px 7px;font-size:11px;font-weight:800}.rpl-header-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rpl-chip{color:var(--text-2);border:1px solid var(--border-sub);border-radius:var(--r-pill);background:#ffffff0a;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.rpl-chip svg{opacity:.6;flex-shrink:0}.rpl-chip--muted{color:var(--muted);background:0 0;border-color:#0000}.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:var(--bg-dark);letter-spacing:.05em;box-shadow:var(--glow-accent);vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:900}.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), var(--shadow-md)!important}.rpl-player-card.is-me:after{content:"MOI";background:var(--accent);color:var(--bg-dark);box-shadow:var(--shadow-sm);padding:2px 25px;font-size:10px;font-weight:900;position:absolute;top:8px;right:-20px;transform:rotate(45deg)}.replay-tabs{z-index:700;border:1px solid var(--border-sub);border-radius:var(--r);background:var(--bg-dark);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}@media (width<=640px){.replay-tabs{top:180px}}.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-battle{height:calc(100dvh - 190px);margin-top:8px;padding-bottom:0;overflow:hidden}#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-stats>.rpl-span-full{grid-column:1/-1}#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{background:var(--accent-dim);color:var(--accent2)}.heatmap-wrapper{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}@media (width>=901px){#pane-battle .heatmap-wrapper{height:100%;padding-bottom:0}#pane-battle .heatmap-canvas-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}#pane-battle .heatmap-canvas-container canvas{width:auto;max-width:100%;height:100%;max-height:100%}}.heatmap-header{justify-content:space-between;align-items:center;display:flex}.heatmap-canvas-container{background:var(--bg-dark);border:1px solid color-mix(in oklch, var(--terran) 20%, transparent);border-radius:var(--r-sm);width:100%;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}@media (width<=640px){.heatmap-header{align-items:stretch;gap:var(--sp-2);flex-direction:column;min-width:0}.heatmap-controls{min-width:0;max-width:100%;overflow-x:auto}}.heatmap-toggle{background:var(--surface);border:1px solid var(--border-sub);color:var(--text-2);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:10px;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.heatmap-toggle.active{background:var(--accent);color:var(--bg-dark);border-color:var(--accent)}.heatmap-footer{border-top:1px solid var(--border-sub);background:var(--surface);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);border:1px solid var(--border-sub);background:#ffffff0a;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:var(--btn-text);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:#ffffff2e;border-radius:2px;outline:none;flex:1;height:4px}.heatmap-time-slider::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:4px}.heatmap-time-slider::-moz-range-track{background:#ffffff2e;border-radius:2px;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}@media (width>=901px){.timeline-card{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}}.timeline-scrub-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none;margin-bottom:4px;font-size:9px;font-weight:700}.timeline-scrub-wrapper{border:1px solid var(--border-sub);cursor:crosshair;background:#ffffff08;border-radius:4px;outline:none;flex:1;height:40px;transition:border-color .12s,box-shadow .12s;position:relative}.timeline-scrub-wrapper:focus-visible{border-color:var(--od-accent);box-shadow:0 0 0 2px #d4890f40}.timeline-playback-row{margin:0 0 var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r-full);background:#ffffff08;align-items:center;gap:12px;padding:6px 14px 6px 8px;display:flex}.timeline-playback-row .timeline-scrub-wrapper{background:#ffffff0d;height:36px}.timeline-playback-row .heatmap-play-btn{flex:none}.timeline-time-label{font-family:var(--font-mono);color:var(--od-accent);text-align:right;flex:none;min-width:48px;font-size:12px}.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}}.rpl-card-supply,.rpl-ph-supply{color:var(--terran);background:#4cc9f01f;border:1px solid #4cc9f059;display:inline-block}.rpl-card-supply{border-radius:4px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600}.rpl-ph-supply{border-radius:3px;margin-left:5px;padding:1px 5px;font-size:10px}.rpl-overview-card{transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:#00000026;border:1px solid #ffffff0a;border-radius:8px;margin-top:12px;margin-bottom:12px;padding:8px 12px}.rpl-overview-card:hover{border-color:var(--border-hov);background:#00000038}.chart-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.rpl-toggle-container{align-items:center;display:flex}.rpl-toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:11px;display:inline-flex;position:relative}.rpl-toggle-input{opacity:0;width:0;height:0;position:absolute}.rpl-toggle-slider{background:#ffffff1f;border:1px solid #fff3;border-radius:20px;width:44px;height:20px;margin:0 4px;transition:background-color .2s,border-color .2s;display:inline-block;position:relative}.rpl-toggle-slider:before{content:"";background:var(--terran);width:16px;height:16px;box-shadow:0 1px 2px color-mix(in oklch, var(--bg) 30%, black);border-radius:50%;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px}.rpl-toggle-input:checked+.rpl-toggle-slider{background:color-mix(in oklch, var(--terran) 25%, transparent);border-color:color-mix(in oklch, var(--terran) 50%, transparent)}.rpl-toggle-input:checked+.rpl-toggle-slider:before{background:var(--terran);transform:translate(24px)}.rpl-toggle-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;transition:color .2s}.rpl-toggle-label--left{margin-right:4px}.rpl-toggle-label--right{margin-left:4px}.rpl-toggle-input:checked+.rpl-toggle-slider+.rpl-toggle-label--left{color:var(--muted-2)}.rpl-toggle-input:checked+.rpl-toggle-slider~.rpl-toggle-label--right,.rpl-toggle-input:not(:checked)+.rpl-toggle-slider+.rpl-toggle-label--left{color:var(--text)}.rpl-toggle-input:not(:checked)+.rpl-toggle-slider~.rpl-toggle-label--right{color:var(--muted-2)}.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{background:color-mix(in srgb, var(--bg-dark), transparent 80%);border:1px solid var(--border-sub);border-radius:var(--r-sm);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:44px;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);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{border:1px solid color-mix(in srgb, var(--accent2), transparent 82%);background:color-mix(in srgb, var(--accent2), transparent 96%)}.build-order-item[data-type=upgrade]{border:1px solid var(--accent);background:var(--accent-dim)}.build-order-item[data-type=upgrade]:hover{background:color-mix(in srgb, var(--accent), transparent 94%)}.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(--border-sub);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{background:color-mix(in oklch, var(--danger) 15%, transparent);border-color:color-mix(in oklch, var(--danger) 30%, transparent);color:var(--danger)}.rpl-strategy-badge.is-aggression{background:color-mix(in oklch, var(--warn) 15%, transparent);border-color:color-mix(in oklch, var(--warn) 30%, transparent);color:var(--warn)}.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-profile-link{color:var(--accent);border:1px solid var(--accent);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:600;transition:background .15s,color .15s}.rpl-profile-link:hover{background:var(--accent);color:var(--bg)}.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);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.rpl-hero-title:before{content:"";background:var(--accent);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:var(--surface);transform:translateY(-2px)}.rpl-hero-unit-mini[data-race=terran]{color:var(--race-terran);--kill-badge-bg:var(--race-terran)}.rpl-hero-unit-mini[data-race=zerg]{color:var(--race-zerg);--kill-badge-bg:var(--race-zerg)}.rpl-hero-unit-mini[data-race=protoss]{color:var(--race-protoss);--kill-badge-bg:var(--race-protoss)}.rpl-hero-unit-mini[data-race=random]{color:var(--race-random);--kill-badge-bg:var(--race-random)}.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{background:var(--kill-badge-bg);min-width:22px;height:22px;color:var(--bg-dark);font-family:var(--font-mono);border:2px solid var(--bg);font-variant-numeric:tabular-nums;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);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-result-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid #0000;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.badge-victory{background:color-mix(in oklch, var(--success) 15%, transparent);border-color:color-mix(in oklch, var(--success) 30%, transparent);color:var(--success)}.badge-defeat{background:color-mix(in oklch, var(--danger) 10%, transparent);border-color:color-mix(in oklch, var(--danger) 20%, transparent);color:var(--danger);opacity:.85}.rpl-result-badge-wrap{margin-top:6px}.rpl-card-league-badge{align-items:baseline;gap:6px;margin:4px 0;display:flex}.rpl-league-name{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.rpl-league-name[data-race=terran]{color:var(--race-terran)}.rpl-league-name[data-race=zerg]{color:var(--race-zerg)}.rpl-league-name[data-race=protoss]{color:var(--race-protoss)}.rpl-league-name[data-race=random]{color:var(--race-random)}.rpl-mmr-text{font-size:11px;font-family:var(--font-mono,monospace);color:var(--muted);font-variant-numeric:tabular-nums}.rpl-player-race-icon{margin:6px 0 2px}.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:transform .6s var(--ease-out-quart);transform-origin:0;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:transform .5s var(--ease-out-quart);transform-origin:0;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-card .hist-map-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.hist-map-wrapper .hist-map-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;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)}.history-gl-section{margin-bottom:32px}.hist-gl-stats{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:#ffffff05;padding:20px}.hist-gl-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.hist-gl-card{border-radius:var(--r);text-align:center;transition:transform var(--dur-fast) var(--ease);border:1px solid;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;display:flex}.hist-gl-card:hover{transform:translateY(-1px)}.hist-gl-card[data-winrate=high]{background:color-mix(in oklch, var(--color-win) 8%, transparent);border-color:color-mix(in oklch, var(--color-win) 30%, transparent)}.hist-gl-card[data-winrate=medium]{background:color-mix(in oklch, var(--accent) 8%, transparent);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.hist-gl-card[data-winrate=low]{background:color-mix(in oklch, var(--color-loss) 8%, transparent);border-color:color-mix(in oklch, var(--color-loss) 30%, transparent)}.hist-gl-bucket{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.hist-gl-val{font-size:18px;font-weight:800;font-family:var(--font-display);line-height:1}.hist-gl-val[data-winrate=high]{color:var(--color-win)}.hist-gl-val[data-winrate=medium]{color:var(--accent)}.hist-gl-val[data-winrate=low]{color:var(--color-loss)}.hist-gl-count{color:var(--muted);font-size:10px}.hist-mt-crosstab{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:#ffffff05;margin:0 0 32px;padding:20px}.hist-ct-scroll{overflow-x:auto}.hist-ct-table{border-collapse:collapse;width:100%;font-size:12px}.hist-ct-th{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:6px 10px;font-size:10px;font-weight:700}.hist-ct-th-map{text-align:left}.hist-ct-map{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:6px 10px;font-size:12px;font-weight:500}.hist-ct-cell{text-align:center;vertical-align:middle;border-bottom:1px solid #ffffff0a;border-radius:4px;padding:5px 8px}.hist-ct-cell[data-winrate=high]{background:color-mix(in oklch, var(--color-win) 12%, transparent)}.hist-ct-cell[data-winrate=medium]{background:color-mix(in oklch, var(--accent) 10%, transparent)}.hist-ct-cell[data-winrate=low]{background:color-mix(in oklch, var(--color-loss) 12%, transparent)}.hist-ct-empty{opacity:.3;color:var(--muted)}.hist-ct-wr{font-size:12px;font-weight:700;display:block}.hist-ct-cell[data-winrate=high] .hist-ct-wr{color:var(--color-win)}.hist-ct-cell[data-winrate=medium] .hist-ct-wr{color:var(--accent)}.hist-ct-cell[data-winrate=low] .hist-ct-wr{color:var(--color-loss)}.hist-ct-games{opacity:.55;font-size:10px;display:block}.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);white-space:nowrap;padding:10px 14px;font-weight:700}.history-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:8px 14px;font-size:13px}.history-row.win{background-color:#2ed47a09}.history-row.loss{background-color:#ff475709}.history-row:hover{cursor:pointer;background:#4cc9f00d}.hist-map-wrapper{flex-direction:column;gap:2px;display:flex}.hist-duration{color:var(--muted);font-size:11px}.badge-outcome-mini{letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.badge-outcome-mini.win{color:var(--color-win);background:#2ed47a1f;border:1px solid #2ed47a40}.badge-outcome-mini.loss{color:var(--color-loss);background:#ff47571f;border:1px solid #ff475740}.hist-players-wrapper{flex-direction:column;gap:4px;display:flex}.hist-players-teams{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.hist-mmr-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mmr-tag{font-size:10px;font-weight:700;font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-2);background:#ffffff0f;border-radius:3px;padding:2px 6px}.mmr-tag.self{border-color:color-mix(in oklch, var(--accent) 30%, transparent);color:var(--accent)}.btn-enrich-retry-mini{border:1px solid var(--border-subtle);color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border-radius:3px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:1px 5px;font-size:11px;display:inline-flex}.btn-enrich-retry-mini:hover{color:var(--accent);border-color:var(--accent)}.hist-actions-compact{justify-content:flex-end;align-items:center;gap:4px;display:flex}.btn-action-view,.btn-action-copy{border:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);color:var(--text-2);background:#ffffff0a;border-radius:5px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:13px;display:inline-flex}.btn-action-view:hover{background:var(--accent-dim);border-color:var(--accent);transform:scale(1.05)}.btn-action-copy:hover{border-color:var(--border-hov);background:#ffffff14;transform:scale(1.05)}.history-pagination-wrap{justify-content:center;padding-top:16px;display:flex}.replay-history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.replay-history-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.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 72px 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-download{box-sizing:content-box;width:28px;height:28px;color:var(--text-2);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);z-index:2;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:8px;font-size:13px;text-decoration:none;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.replay-history-wrapper:hover .replay-history-download,.replay-history-download:focus-visible{opacity:1}.replay-history-download:hover{color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent)}.replay-history-delete{box-sizing:content-box;width:28px;height:28px;color:var(--text-2);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);z-index:2;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:8px;font-size:13px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.replay-history-wrapper:hover .replay-history-delete,.replay-history-delete:focus-visible{opacity:1}.replay-history-delete:hover{color:var(--danger);background:color-mix(in oklch, var(--danger) 10%, transparent)}.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{background:color-mix(in oklch, var(--accent) 8%, transparent);border-color:color-mix(in oklch, var(--accent) 30%, transparent);color:var(--accent)}.hist-streak-tilt{background:color-mix(in oklch, var(--danger) 8%, transparent);border-color:color-mix(in oklch, var(--danger) 25%, transparent);color:var(--danger)}.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{background:color-mix(in oklch, var(--danger) 15%, transparent);border:1px solid color-mix(in oklch, var(--danger) 30%, transparent);color:var(--danger)}.badge-prey{background:color-mix(in oklch, var(--success) 12%, transparent);border:1px solid color-mix(in oklch, var(--success) 30%, transparent);color:var(--success)}.badge-clock{background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);color:var(--accent)}.hist-opp-name{font-weight:600}.hist-opp-record{color:var(--muted);font-size:12px}.hist-opp-insight{color:var(--muted);font-size:12px;font-style:italic}@layer components{.coaching-card{background:var(--bg-card);border:1px solid var(--accent);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(--accent2);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.coaching-item{background:var(--surface);border-radius:4px;padding:10px;transition:background .2s}.coaching-item:hover{background:var(--surface-hov)}.coaching-item[data-severity=high]{background:var(--danger-bg-soft)}.coaching-item[data-severity=medium],.coaching-item[data-severity=info]{background:var(--accent-dim)}.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{margin-top:2rem}.batch-overall-progress{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border-sub);margin-bottom:2rem;padding:1.5rem}.batch-progress-header{text-transform:uppercase;letter-spacing:.05em;font-family:"Exo 2",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)}.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)}@media (prefers-reduced-motion:no-preference){.batch-progress-container,#batch-panel{animation:panelIn var(--dur-fast) var(--ease-out-quart) both}.batch-item.is-processing .batch-item-icon,.batch-spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@media (prefers-reduced-motion:reduce){.batch-item.is-processing .batch-item-icon,.batch-spinner{animation:none}}.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{background:#d4890f0d;border:1px solid #d4890f33;border-radius:10px;margin:4px 0 20px;padding:14px 16px}.replay-progress-bar{background:var(--surface);border-radius:3px;height:6px;overflow:hidden}.replay-progress-fill{transform-origin:0;background:var(--progress-fill);height:100%;transition:transform var(--dur-slow) ease-out;position:relative;overflow:hidden;transform:scaleX(0)}.replay-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff40 48%,#0000 100%);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:10px;display:flex}.replay-progress-step:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.2s ease-in-out infinite progressPulse;display:inline-block}@keyframes progressPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}#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);border-radius:var(--r);background:var(--surface);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);align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:600;display:inline-flex}.btn-rpl-action:hover:not(:disabled){background:var(--surface-hov);border-color:var(--border-hov);color:var(--text)}.btn-rpl-action.compare-run-btn:not(:disabled){background:color-mix(in oklch, var(--accent) 15%, transparent);border-color:color-mix(in oklch, var(--accent) 40%, transparent);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.btn-rpl-action.compare-run-btn:not(:disabled):hover{background:color-mix(in oklch, var(--accent) 22%, transparent);border-color:var(--accent)}.btn-rpl-action svg{flex-shrink:0;width:16px;height:16px}a.btn-rpl-download{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 35%, transparent);text-decoration:none}a.btn-rpl-download:hover{background:color-mix(in oklch, var(--accent) 10%, transparent);border-color:var(--accent);color:var(--accent)}.btn-rpl-action.replay-history-clear,.btn-rpl-action.compare-reset-btn,#btn-public-reset{font-size:var(--text-xs);min-height:unset;color:var(--muted);letter-spacing:.03em;background:0 0;border-color:#0000;padding:4px 10px;font-weight:600}.btn-rpl-action.replay-history-clear:hover{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 30%, transparent);background:color-mix(in oklch, var(--danger) 6%, transparent)}.btn-rpl-action.compare-reset-btn:hover,#btn-public-reset:hover{color:var(--text-2);border-color:var(--border);background:var(--surface-hov)}.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(--border-sub);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}@media (prefers-reduced-motion:no-preference){.replay-progress{animation:panelIn var(--dur-fast) var(--ease-out-quart) both}.replay-progress-fill:after{animation:1.4s linear infinite progressSweep}@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 (prefers-reduced-motion:reduce){.replay-progress-fill:after{animation:none}}@media (width<=768px){.rpl-teams{flex-direction:column}#replay-form{grid-template-columns:1fr}}.compare-v2-container{gap:24px;padding-top:8px;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 var(--dur) 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:1px solid #0000;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.compare-hero-badge.is-win{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success);border-color:color-mix(in oklch, var(--success) 20%, transparent)}.compare-hero-badge.is-loss{background:color-mix(in oklch, var(--danger) 10%, transparent);color:var(--danger);border-color:color-mix(in oklch, var(--danger) 15%, transparent)}.compare-hero-stats{gap:8px;margin-top:12px;display:flex}.side-right .compare-hero-stats{justify-content:flex-end}.stat-chip{background:var(--surface);color:var(--text-2);border:1px solid var(--border-sub);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);border:2px solid var(--border);width:48px;height:48px;color:var(--text-2);z-index:5;box-shadow:var(--shadow-float);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.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}@media (width<=640px){.compare-radar-wrapper{height:220px}}.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);width:84px;height:84px;color:var(--text);border-radius:20px;justify-content:center;align-items:center;font-size:38px;font-weight:900;display:flex}.verdict-v2-score.status-success{color:var(--success);border-color:color-mix(in oklch, var(--success) 30%, transparent);background:color-mix(in oklch, var(--success) 5%, transparent)}.verdict-v2-score.status-info{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.verdict-v2-score.status-warn{color:var(--warn);border-color:color-mix(in oklch, var(--warn) 30%, transparent)}.verdict-v2-score.status-danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 30%, transparent)}.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{color:var(--text);margin:2px 0 0;font-size:18px;font-weight:700}.verdict-v2-verdict.status-success{color:var(--success)}.verdict-v2-verdict.status-info{color:var(--accent)}.verdict-v2-verdict.status-warn{color:var(--warn)}.verdict-v2-verdict.status-danger{color:var(--danger)}.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-hov);border-radius:10px;flex:1;height:5px;overflow:hidden}.compare-gauge-v2-fill{height:100%;transition:transform .8s var(--ease-out-quart);transform-origin:0;border-radius:10px}.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);gap:10px;margin-top:10px;padding-top:16px;animation:.3s ease-out slideDown;display:grid}.signals-v2-hint{color:var(--muted);font-size:11px;line-height:1.6}.sig-table{gap:2px;display:grid}.sig-table-header,.sig-row{border-radius:var(--r-sm);grid-template-columns:70px 1fr 46px 42px;align-items:center;gap:8px;padding:5px 8px;font-size:11px;display:grid}.sig-table-header{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px;font-size:10px;font-weight:700}.sig-row:nth-child(2n){background:var(--surface)}.sig-row-group{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.sig-row-label{color:var(--text-2)}.sig-row-val{font-family:var(--font-mono);text-align:right;font-weight:700}.sig-row-na{color:var(--muted);font-weight:400}.sig-row-weight{color:var(--muted);text-align:right;font-size:10px}.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}@media (prefers-reduced-motion:no-preference){.compare-v2-container{animation:fadeIn var(--dur) ease-out}.compare-panel{animation:slideDown var(--dur-fast) ease-out}@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<=640px){.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{background:var(--menu-bg);border-bottom:1px solid var(--border-sub);z-index:1000;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:8px 18px;position:sticky;top:0}.app-header--scrolled{background:var(--bg);border-color:var(--border);box-shadow:var(--shadow-md);padding:6px 18px}.skeleton-row td{padding:12px 14px}.skeleton-box{background:var(--surface);border-radius:4px;height:12px;position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg, transparent, var(--surface-hov), transparent);position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.skeleton-box:after{animation:shimmer var(--dur-slow) infinite}@keyframes shimmer{to{transform:translate(100%)}}}@media (prefers-reduced-motion:reduce){.skeleton-box:after{animation:none;transform:translate(0)}}.leaderboard-table-wrap{max-width:100%;overflow-x:auto}.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{background:var(--text-2);width:8px;height:8px;box-shadow:0 0 0 4px var(--surface);transition:background-color .4s var(--ease), box-shadow .4s var(--ease);border-radius:50%;position:relative}.status-indicator--online{background:var(--status-active);box-shadow:0 0 12px var(--status-active), 0 0 0 4px color-mix(in oklch, var(--status-active) 10%, transparent)}.status-indicator--degraded{background:var(--warn);box-shadow:0 0 12px var(--warn), 0 0 0 4px color-mix(in oklch, var(--warn) 10%, transparent)}.status-indicator--offline{background:var(--danger);box-shadow:0 0 12px var(--danger), 0 0 0 4px color-mix(in oklch, var(--danger) 10%, transparent)}.search-box{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:1;align-items:center;gap:4px;max-width:680px;padding:4px;display:flex;position:relative}.search-box:focus-within{background:var(--surface-hov);border-color:var(--accent);box-shadow:var(--shadow-md), inset 0 2px 4px color-mix(in oklch, var(--bg) 20%, black)}.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}#search-filter-panel{background:var(--surface);border:1px solid var(--border);z-index:1001;border-radius:10px;flex-direction:column;gap:14px;min-width:340px;padding:16px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}#search-filter-panel:not([hidden]){display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:10px;font-weight:700}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:5px 10px;font-size:11px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.filter-pill:hover{color:var(--text);background:#ffffff14;border-color:#ffffff26}.filter-pill.active{background:color-mix(in oklch, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent)}.filter-pill--terran.active{background:color-mix(in oklch, var(--terran) 15%, transparent);border-color:var(--terran);color:var(--terran)}.filter-pill--zerg.active{background:color-mix(in oklch, var(--zerg) 15%, transparent);border-color:var(--zerg);color:var(--zerg)}.filter-pill--protoss.active{background:color-mix(in oklch, var(--protoss) 15%, transparent);border-color:var(--protoss);color:var(--protoss)}.filter-toggle-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;font-size:12px;font-weight:500;transition:color .12s;display:flex}.filter-toggle-btn:hover{color:var(--text)}.filter-toggle-btn.active{color:var(--accent)}.filter-toggle-track{background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background-color .12s,border-color .12s;position:relative}.filter-toggle-track:after{content:"";background:var(--text-2);border-radius:50%;width:12px;height:12px;transition:transform .12s,background-color .12s;position:absolute;top:2px;left:2px}.filter-toggle-btn.active .filter-toggle-track{background:color-mix(in oklch, var(--accent) 25%, transparent);border-color:var(--accent)}.filter-toggle-btn.active .filter-toggle-track:after{background:var(--accent);transform:translate(14px)}.filter-footer{border-top:1px solid var(--border-sub);justify-content:flex-end;padding-top:10px;display:flex}.filter-reset{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:5px 14px;font-size:11px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.filter-reset:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff26}.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}.filter-trigger.has-active .filter-dot{display:block}.filter-trigger[aria-expanded=true]{color:var(--text);background:#ffffff14;border-color:#ffffff26}.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)}@media (width<=640px){.app-header{padding:8px 12px}.header-layout{grid-template-columns:1fr auto;gap:8px;display:grid}.app-brand{grid-area:1/1}.header-actions{grid-area:1/2;gap:8px;margin-left:0}.header-search{grid-area:2/1/auto/-1}.search-field--region{width:76px}.search-submit{padding:0 12px;font-size:10px}.header-lang select{min-height:44px;padding:0 22px 0 8px;font-size:11px}.header-icon-btn{min-width:44px;min-height:44px}}@media (width<=480px){#search-filter-panel{width:100%;min-width:0;right:-12px}}.welcome-desc,.welcome-microcopy,.muted-text,.verdict-v2-desc,.insight-group p,.about-section p{max-width:65ch}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-4);box-shadow:none;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease)}.card:hover{border-color:var(--border-hov);box-shadow:none}.card h3{margin-bottom:var(--sp-3)}.leaderboard-card{min-width:0;max-width:100%}h2{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:var(--sp-5);color:var(--text);text-transform:uppercase;font-size:1.45rem;font-weight:700;line-height:1.25}h3{margin-top:0;margin-bottom:var(--sp-3);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;gap:var(--sp-2);padding-left:calc(var(--sp-3) + 2px);font-size:13px;font-weight:700;display:flex;position:relative}h3:before{content:"";background:var(--accent);border-radius:var(--r-pill);flex-shrink:0;width:2px;height:11px;position:absolute;left:0}#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{font-size:var(--text-sm);margin-bottom:var(--sp-3);color:var(--text);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);border-radius:var(--r);padding:var(--sp-2) var(--sp-5);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:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.06);font-size:11px}button:hover{color:var(--text);box-shadow:var(--shadow-sm);background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.2)}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:oklch(12% .004 250);background:oklch(78% .15 75);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;display:flex}@media (prefers-reduced-motion:no-preference){.result-item{animation:itemIn var(--dur) var(--ease-out-quint) both}}.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{background:color-mix(in oklch, var(--zerg) 15%, transparent);color:var(--zerg);border:1px solid color-mix(in oklch, var(--zerg) 30%, transparent)}.result-gm{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent)}.result-region{color:var(--text-2);background:#ffffff1a}.result-games{border:1px solid var(--border-sub);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:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-size:22px}.result-item:hover .result-arrow{opacity:1;color:var(--accent);transform:translate(6px)}.navigation-stack{z-index:850;justify-items:start;gap:var(--sp-2);margin-bottom:var(--sp-4);transition:gap var(--dur-fast) var(--ease), margin-bottom var(--dur-fast) var(--ease);display:grid;position:sticky;top:62px}.primary-navigation,.context-navigation{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border-sub);border-radius:var(--r-lg);background:var(--bg-dark);display:flex}.nav-link{min-height:44px;padding:0 var(--sp-5);border-radius:var(--r);color:var(--text-2);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--surface-hov)}.nav-link[aria-current=page]{color:var(--accent);border:1px solid var(--accent);background:var(--accent-dim)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.context-navigation{padding:var(--sp-1);opacity:1;max-height:64px;transition:max-height var(--dur) var(--ease), opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), padding var(--dur-fast) var(--ease);overflow:hidden;transform:translateY(0)}.context-navigation[hidden],.context-navigation .nav-link[hidden]{display:none}.nav-link--context{min-height:44px;padding-inline:var(--sp-4)}.navigation-stack--condensed{margin-bottom:var(--sp-2);gap:0}.navigation-stack--condensed .context-navigation{opacity:0;pointer-events:none;max-height:0;padding-block:0;transform:translateY(-8px)}.navigation-stack--condensed .context-navigation .nav-link{pointer-events:none}.app-footer{padding:var(--sp-6) var(--sp-4);box-shadow:none;background:0 0;border:0;justify-content:center;display:flex}.app-footer-link{min-height:44px;padding-inline:var(--sp-4);color:var(--text-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.app-footer-link:hover{color:var(--text)}.app-footer-link[aria-current=page]{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:var(--sp-2)}.view-panel{min-width:0;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{background:var(--surface);border:1px solid var(--border-sub);height:38px;color:var(--text);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);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{background:var(--surface-hov);border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring-soft)}.lb-ctrl-item select:focus-visible,.lb-ctrl-item input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.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,.public-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,.public-advanced-toggle:hover{color:var(--text);border-color:var(--text-2)}.lb-advanced-toggle svg,.public-advanced-toggle svg{width:14px;height:14px;transition:transform .2s var(--ease);flex-shrink:0}.lb-advanced-toggle[aria-expanded=true] svg,.public-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.lb-advanced-panel,.public-advanced-panel{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.lb-advanced-panel.is-open,.public-advanced-panel.is-open{grid-template-rows:1fr}.lb-advanced-panel>form{overflow:hidden}.public-advanced-panel{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.public-advanced-panel>*{overflow:hidden}.public-replays-filters{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.public-replays-filters input,.public-replays-filters select{min-height:44px}.leaderboard-regions{align-items:center;gap:6px;height:40px;display:flex}.region-chip{background:var(--surface);border:1px solid var(--border-sub);color:var(--text-2);cursor:pointer;min-width:44px;min-height:44px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);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:var(--glow-accent)}.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(--kpi-accent-stripe)}.kpi:nth-child(3n+2):before{background:var(--accent2)}.kpi:nth-child(3n+3):before{background:var(--border)}.kpi:hover{box-shadow:none}.kpi-meter-fill{background:var(--progress-fill);border-radius:2px;height:100%}.kpi:hover{background:var(--surface-hov);border-color:color-mix(in oklch, var(--accent) 30%, transparent);box-shadow:none;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(--border-sub);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:var(--info-bg-subtle);border-color:var(--info-border-subtle)}.alert-item.warn{background:var(--warn-bg-subtle);border-color:var(--warn-border-subtle)}.alert-item.success{background:var(--success-bg-subtle);border-color:var(--success-border-subtle)}.alert-item.danger{background:var(--danger-bg-subtle);border-color:var(--danger-border-subtle)}.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;transition:opacity .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:6px;padding:1px 4px;font-size:9px;font-weight:700;display:inline-flex}.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;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:6px;padding:8px;font-size:12px;transition:opacity .2s,transform .2s;display:inline-flex}.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;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);padding:6px 12px;font-size:12px}.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(--border-sub);border-radius:var(--r);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform 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(--progress-fill);transform-origin:0;height:100%;box-shadow:0 0 8px var(--map-bar-glow);border-radius:999px}@media (prefers-reduced-motion:no-preference){.map-bar-fill{animation:barFill var(--dur) var(--ease) both}}.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}@media (width<=640px){.chart-canvas-sm{height:120px}.chart-canvas-md{height:160px}}#chart-modal{z-index:5000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:10px;display:none;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){#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:var(--bg-dark);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:44px;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:44px;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:44px;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, #6e54940b), 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}@media (width<=860px){.my-profile-hero-grid,.my-history-kpis,.account-history-kpis{grid-template-columns:repeat(2,1fr)}}.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:#6e549412;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:#6e54940b;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:#6e54940a;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:var(--text);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-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;min-height:44px}#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)}@media (prefers-reduced-motion:no-preference){#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}@media (prefers-reduced-motion:no-preference){.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;transition:opacity .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:8px;padding:4px;font-size:14px;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:oklch(78% .15 75);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}.btn-auth-open.is-logged-in:hover{transform:translateY(-1px);box-shadow:0 0 15px #4cc9f099}.auth-container--account{text-align:left;max-width:1100px}.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:#6e549414;font-weight:700;display:inline-block}.identity-help{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.4}.account-privacy-panel{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5)}.account-privacy-head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.account-privacy-head h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--fg);margin:0}.account-privacy-toggle{gap:var(--sp-3);flex-direction:column;display:flex}.toggle-label{justify-content:space-between;align-items:center;gap:var(--sp-4);cursor:pointer;display:flex}.toggle-label-text{flex-direction:column;gap:2px;display:flex}.toggle-label-desc{font-size:var(--text-xs);color:var(--muted)}.toggle-switch-wrap{flex-shrink:0;position:relative}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background:var(--border-sub);cursor:pointer;border-radius:10px;width:36px;height:20px;transition:background .18s;display:block;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle-input:checked~.toggle-switch{background:var(--accent)}.toggle-input:checked~.toggle-switch:after{transform:translate(16px)}.account-privacy-bulk{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.privacy-warn-text{font-size:var(--text-sm);color:var(--fg);margin:0}.btn-danger-subtle{padding:var(--sp-2) var(--sp-4);border:1px solid var(--danger-border-soft);border-radius:var(--r);background:var(--danger-bg-soft);color:var(--danger);font-size:var(--text-xs);cursor:pointer;transition:opacity .12s}.btn-danger-subtle:hover{opacity:.8}.btn-danger-subtle:disabled{opacity:.5;cursor:not-allowed}.btn-action-lock{box-sizing:content-box;border:1px solid var(--border-sub);border-radius:var(--r-sm,4px);cursor:pointer;opacity:.4;background:0 0;justify-content:center;align-items:center;width:26px;height:26px;padding:9px;font-size:11px;transition:opacity .12s,background .12s;display:inline-flex}.btn-action-lock:hover,.btn-action-lock.locked{opacity:1;background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent)}.btn-action-delete{box-sizing:content-box;border-radius:var(--r-sm,4px);cursor:pointer;opacity:.3;width:26px;height:26px;color:var(--danger);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:9px;font-size:11px;transition:opacity .12s,background .12s,border-color .12s;display:inline-flex}.btn-action-delete:hover{opacity:1;background:var(--danger-bg-soft);border-color:var(--danger-border-soft)}.btn-action-delete:disabled,.btn-action-lock:disabled{opacity:.3;cursor:not-allowed}.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:44px;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}.acct-hero{align-items:center;gap:var(--sp-5);padding-bottom:var(--sp-6);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border-sub);flex-wrap:wrap;display:flex}.acct-hero-main{flex:1;min-width:0}.acct-hero-ident{align-items:center;gap:var(--sp-3);margin:var(--sp-1) 0 var(--sp-2);flex-wrap:wrap;display:flex}.acct-hero-ident h2{margin:0;font-size:22px;line-height:1.1}.acct-player-badge{padding:2px var(--sp-3);border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);letter-spacing:.04em;display:inline-block}.acct-race-badge{padding:2px var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;display:inline-flex}.acct-hero-kpis{gap:var(--sp-6);flex-shrink:0;align-items:center;display:flex}.acct-kpi{flex-direction:column;align-items:center;gap:2px;display:flex}.acct-kpi span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:9px;font-family:var(--font-display)}.acct-kpi strong{color:var(--text);font-size:26px;font-weight:800;font-family:var(--od-telemetry);line-height:1}.acct-streak-badge{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);font-size:var(--text-xs);white-space:nowrap;font-weight:700}.acct-streak-badge--hot{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent)}.acct-streak-badge--cold{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 28%, transparent);color:var(--danger)}.acct-cols{gap:var(--sp-6);grid-template-columns:290px 1fr;align-items:start;display:grid}.acct-left{gap:var(--sp-5);flex-direction:column;display:flex}.acct-left .account-info{margin:0}.acct-left .account-privacy-panel{margin-top:0}.acct-left-actions{gap:var(--sp-4);flex-direction:column;display:flex}.acct-profile-btns{gap:var(--sp-3);flex-direction:column;display:flex}.acct-logout-row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border-sub);flex-wrap:wrap;display:flex}.acct-right{min-width:0}.acct-right-head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-sub);display:flex}.acct-right-head h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;margin:0}.acct-tracking{gap:var(--sp-2);flex-wrap:wrap;display:flex}.acct-tracking-chip{padding:2px var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--text-2);font-weight:600}.acct-tracking-chip--fav{border-color:color-mix(in srgb, var(--accent) 38%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.acct-email-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--text-sm)!important}@media (width<=860px){.acct-cols{grid-template-columns:1fr}.acct-right{border-top:1px solid var(--border-sub);padding-top:var(--sp-5)}}@media (width<=640px){.acct-hero{gap:var(--sp-4)}.acct-hero-kpis{width:100%;padding-top:var(--sp-3);border-top:1px solid var(--border-sub);justify-content:space-around}.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(300px,420px);align-items:start;gap:16px;width:100%;min-width:0;display:grid}@media (width>=901px){.battle-report-layout{align-items:stretch;height:100%}.battle-report-layout>#tactical-heatmap-root{min-height:0;overflow:hidden}}.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>=901px){.timeline-main-content{flex:1;min-height:0;overflow:hidden}}@media (width<=900px){.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:minmax(0,1fr)}#pane-battle{height:auto;overflow:visible}.battle-report-layout{height:auto}.timeline-feeds-container{flex:none}}.timeline-feeds-container{grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}@media (width>=901px){.timeline-feeds-container{flex:1}}@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;min-height:0;display:flex;overflow:hidden auto}@media (width>=901px){.timeline-feed-root,.timeline-bo-root{height:100%}}@media (width<=640px){.timeline-feed-root,.timeline-bo-root{height:220px}}.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:background .2s,border-color .2s,transform .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(--muted);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{height:100%;transition:transform .22s var(--ease-out-quart);transform-origin:0;opacity:.85;border-radius:4px}.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;background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);text-transform:uppercase;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<=768px){.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:var(--bg-card);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#maintenance-overlay[hidden]{display:none}@media (prefers-reduced-motion:no-preference){#maintenance-overlay{animation:maintenanceFadeIn var(--dur-fast) ease-out both}.maintenance-spinner{animation:6s linear infinite maintenanceSpin}.notif-badge{animation:slideDown var(--dur-fast) ease-out}@keyframes maintenanceFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes maintenanceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){#maintenance-overlay,.maintenance-spinner,.notif-badge{animation:none}}.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:oklch(12% .004 250)}.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:background .2s,border-color .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)}.lb-stats-section-title{margin-top:var(--sp-4)}.priority-badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;font-size:10px;font-weight:800}.priority-badge--fix{color:var(--danger);background:oklch(78% .22 25/.15);border:1px solid oklch(78% .22 25/.3)}.priority-badge--excellent{color:var(--success);background:oklch(85% .18 140/.15);border:1px solid oklch(85% .18 140/.3)}.priority-badge--stable{color:var(--accent);background:oklch(72% .15 75/.1);border:1px solid oklch(72% .15 75/.2)}.priority-badge--high{background:var(--danger-bg-subtle);color:var(--danger);border:1px solid var(--danger-border-subtle)}.priority-badge--medium{color:var(--accent);background:oklch(72% .15 75/.1);border:1px solid oklch(72% .15 75/.2)}.priority-badge--low{background:var(--success-bg-subtle);color:var(--success);border:1px solid var(--success-border-subtle)}.mini-toolbar{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.mini-toolbar-btn{color:var(--text-2);border:1px solid var(--border-sub);border-radius:var(--r-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700}.mini-toolbar-btn:hover{background:var(--surface-hov);border-color:var(--border);color:var(--text)}.mini-toolbar-btn.active{border-color:var(--accent);color:var(--accent);background:oklch(72% .15 75/.15)}.my-history-empty,.no-results-container{text-align:center;padding:var(--sp-6)}.my-history-empty strong,.no-results-container strong{font-size:var(--text-lg);margin-bottom:var(--sp-2);color:var(--text);display:block}.my-history-empty p,.no-results-container p{color:var(--text-2);margin-bottom:var(--sp-4);max-width:400px;margin-left:auto;margin-right:auto}.my-history-actions,.no-results-actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.no-results{color:var(--muted);padding:var(--sp-4);text-align:center;font-style:italic}.no-results:before{content:"🔍 "}.kpi-meter{background:var(--surface);border-radius:var(--r-pill);height:4px;margin-top:4px;overflow:hidden}.kpi-meter-fill{border-radius:var(--r-pill);transform-origin:0;width:100%;height:100%;transition:transform var(--dur-fast) var(--ease)}.kpi-meter-fill[data-winrate=positive]{background:var(--color-win)}.kpi-meter-fill[data-winrate=negative]{background:var(--color-loss)}.priority-line{align-items:center;gap:var(--sp-2);justify-content:space-between;display:flex}.toast-notification{bottom:var(--sp-5);right:var(--sp-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-4);box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:toastSlideIn var(--dur) var(--ease-out-quint) both;display:flex;position:fixed}.toast-notification.toast-error{border-color:var(--danger)}.toast-notification.toast-success{border-color:var(--success)}.toast-undo{color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;font-family:inherit;font-size:11px;font-weight:700}.toast-undo:hover{background:oklch(72% .15 75/.1)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.rpl-advanced-charts{margin-top:var(--sp-4)}.rpl-charts-summary{padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.rpl-charts-summary:hover{border-color:var(--border-hov)}.rpl-charts-chevron{transition:transform var(--dur-fast) var(--ease)}.rpl-advanced-charts[open] .rpl-charts-chevron{transform:rotate(180deg)}.rpl-chart-pane--advanced{padding-top:var(--sp-4)}.kbd-hint{font-size:10px;font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);color:var(--muted);vertical-align:middle;opacity:.7;border-radius:3px;margin-left:4px;padding:2px 5px;display:inline-block}.kbd-hint kbd{font-family:var(--font-mono);background:#ffffff0d;border-radius:2px;padding:1px 3px;font-size:9px}.peer-controls .kbd-hint{margin-left:var(--sp-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px oklch(72% .15 75/.25)}.peer-item,.lb-row{min-height:44px}.peer-item:focus-visible,.lb-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:oklch(72% .15 75/.08)}.rpl-charts-summary:focus-visible,.lb-stats-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-color:var(--accent);box-shadow:0 0 0 3px oklch(72% .15 75/.15)}.watch-remove{color:var(--muted);cursor:pointer;opacity:.45;width:28px;height:28px;transition:color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);vertical-align:middle;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:15px;display:inline-flex}.watch-remove:hover{color:var(--danger);background:color-mix(in oklch, var(--danger) 10%, transparent);opacity:1}.skip-link{background:var(--bg-card);color:var(--text);padding:var(--sp-2) var(--sp-3);z-index:9999;border:1px solid var(--border);border-radius:var(--r);font-family:var(--font-display);font-size:12px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;top:0}@media (width<=640px){.navigation-stack{justify-items:stretch;top:120px}.primary-navigation{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.primary-navigation .nav-link{min-width:0;padding-inline:var(--sp-2);font-size:10px}.context-navigation{width:100%;overflow-x:auto}.nav-link--context{flex:1 0 auto;min-height:44px}}@media (prefers-reduced-motion:reduce){.navigation-stack,.context-navigation{transition:none}}#view-training{padding:var(--sp-6) 0}.training-view{gap:var(--sp-6);flex-direction:column;display:flex}.training-hero{gap:var(--sp-2);flex-direction:column;display:flex}.training-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.training-subtitle{margin:0}.training-grid-top{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.training-grid-top{grid-template-columns:1fr}}.training-card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:0 0 var(--sp-4);font-size:.8rem}.training-card{padding:var(--sp-5)}.training-card-body{gap:var(--sp-3);flex-direction:column;display:flex}.training-section{padding:var(--sp-5)}.training-stat-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-sub);display:flex}.training-stat-row:last-child{border-bottom:none}.training-matchup-label{font-family:var(--font-display);min-width:40px;font-size:1rem;font-weight:700}.training-map-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.training-race-tag{font-size:.75rem;font-weight:600}.training-wr-badge{font-size:.9rem;font-weight:700}.training-games-count{color:var(--text-2);font-size:.75rem}.training-hint{margin:0}.training-matchup-group{margin-bottom:var(--sp-6)}.training-matchup-group:last-child{margin-bottom:0}.training-matchup-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--sp-4);font-size:1rem;font-weight:700}.training-builds-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.training-build-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.training-build-header{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.training-build-name{color:var(--text);flex:1;font-size:.85rem;font-weight:600}.training-build-type{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.training-badge--aggression{color:var(--danger);background:oklch(72% .22 25/.15)}.training-badge--macro{color:var(--terran);background:oklch(82% .16 210/.12)}.training-badge--cheese{color:var(--protoss);background:oklch(80% .18 80/.12)}.training-best-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--success);background:oklch(85% .18 140/.15);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.training-try-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.training-build-stats{align-items:center;gap:var(--sp-2);display:flex}.training-macro-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.training-macro-card{padding:var(--sp-4)}.training-macro-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.training-race-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.training-race-name{font-size:.9rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;flex:1}.training-metrics{gap:var(--sp-2);flex-direction:column;display:flex}.training-metric-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.training-metric-label{color:var(--text-2)}.training-metric-value{color:var(--text);font-weight:600}.training-loading,.training-empty,.training-error{align-items:center;gap:var(--sp-4);padding:var(--sp-6);text-align:center;flex-direction:column;display:flex}.training-empty-icon{color:var(--text-2);opacity:.5}.training-empty h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.2rem}.training-overview-bar{align-items:center;gap:var(--sp-6);padding:var(--sp-4) var(--sp-5);flex-wrap:wrap;display:flex}.training-overview-stat{align-items:baseline;gap:var(--sp-2);flex-shrink:0;display:flex}.training-overview-value{font-family:var(--font-display);color:var(--text);font-size:1.6rem;font-weight:700}.training-race-totals{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.training-race-pill{font-size:.82rem;font-weight:600}.training-race-pill strong{font-weight:700}.training-matchup-matrix{gap:var(--sp-5);flex-direction:column;display:flex}.training-race-group{gap:var(--sp-3);flex-direction:column;display:flex}.training-race-group-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.training-matrix-cells{gap:var(--sp-3);flex-wrap:wrap;display:flex}.training-matrix-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3) var(--sp-3);flex-direction:column;flex:0 auto;gap:1px;min-width:72px;max-width:96px;display:flex}.training-matrix-matchup{font-family:var(--font-display);letter-spacing:.06em;font-size:.7rem;font-weight:700}.training-matrix-wr{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1}.training-matrix-games{color:var(--text-2);margin-top:0;font-size:.6rem}.training-matrix-bar{background:var(--border-sub);border-radius:2px;height:2px;overflow:hidden}.training-matrix-bar-fill{opacity:.8;border-radius:2px;height:100%}.training-matrix-cells--team{flex-wrap:wrap}.training-mode-badge{color:var(--mineral);letter-spacing:.05em;vertical-align:middle;background:#4cc9f026;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-block}.training-mode-badge--team{color:var(--accent);background:#d4890f26}.training-chip--team-inactive{color:var(--text-2);background:#d4890f14;border-color:#d4890f4d}.training-chip--team-inactive:hover{color:var(--accent);background:#d4890f2e;border-color:#d4890f80}.training-chip--team{border-color:#d4890f80}.training-chip--team.training-chip--active{border-color:var(--accent);color:var(--accent);background:#d4890f33}.training-build-race{font-size:.65rem;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;background:#ffffff0f;border-radius:3px;padding:1px 5px}.training-race-filter{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border-sub);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.training-race-filter-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:700}.training-race-group-total{margin-left:var(--sp-2);font-size:.75rem;font-weight:400}.training-filter-chips{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.training-chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:700;line-height:1.5;transition:border-color .12s,color .12s,background .12s}.training-chip:hover{border-color:var(--border-hov);color:var(--text)}.training-chip--active{border-color:var(--chip-race-color,var(--accent));color:var(--chip-race-color,var(--accent));background:color-mix(in oklch, var(--chip-race-color,var(--accent)) 10%, transparent)}.training-map-list{flex-direction:column;display:flex}.training-map-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-sub);grid-template-columns:1fr 100px 44px auto;display:grid}.training-map-row:last-child{border-bottom:none}@media (width<=480px){.training-map-row{grid-template-columns:1fr 60px auto}.training-map-bar-wrap{display:none}}.training-map-bar-wrap{background:var(--border-sub);border-radius:2px;height:4px;overflow:hidden}.training-map-bar-fill{border-radius:2px;height:100%}.training-map-wr{font-family:var(--font-display);text-align:right;font-size:.85rem;font-weight:700}.training-build-row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-sub);display:flex}.training-build-row:last-child{border-bottom:none}.training-build-row-left{align-items:center;gap:var(--sp-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.training-build-row-right{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.training-comp-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.training-comp-grid{grid-template-columns:1fr}}.training-comp-column{gap:var(--sp-2);flex-direction:column;display:flex}.training-comp-header{align-items:baseline;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-sub);margin-bottom:var(--sp-1);display:flex}.training-comp-bucket-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text);font-size:.75rem;font-weight:700}.training-comp-bucket-hint{font-size:.65rem}.training-comp-row{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;display:flex}.training-comp-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;flex:1;font-size:.75rem;font-weight:700}.training-comp-wr{font-size:.8rem;font-weight:700;font-family:var(--font-display);text-align:right;min-width:36px}.training-comp-games{color:var(--muted-text);text-align:right;min-width:48px;font-size:.65rem}#dashboard-empty{padding:clamp(var(--sp-6), 6vw, 64px) clamp(var(--sp-4), 3vw, var(--sp-6));text-align:left}main:has(#search-results:not(:empty)) #dashboard-empty{display:none}#view-dashboard:has(#output:not(:empty)) #dashboard-empty{display:none}.welcome-command{align-items:center;gap:clamp(var(--sp-6), 5vw, 64px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);width:min(100%,1180px);margin-inline:auto;display:grid}.welcome-command-copy,.welcome-command-action{min-width:0}.welcome-command-kicker{margin:0 0 var(--sp-3);color:var(--accent);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.welcome-command-title{max-width:18ch;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.welcome-command-description{max-width:58ch;margin:var(--sp-5) 0 0;color:var(--text-2);line-height:1.65}.welcome-proof-list{margin:var(--sp-6) 0 0;padding:var(--sp-4) 0;gap:var(--sp-4);border-block:1px solid var(--border-sub);list-style:none;display:grid}.welcome-proof-list li{gap:var(--sp-4);grid-template-columns:minmax(130px,.55fr) minmax(0,1fr);align-items:baseline;display:grid}.welcome-proof-list strong{color:var(--text);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.welcome-proof-list span{color:var(--muted);font-size:var(--text-sm)}.welcome-command-action{gap:var(--sp-3);display:grid}.welcome-replay-dropzone{justify-content:center;align-items:center;gap:var(--sp-3);min-height:260px;padding:var(--sp-6);border:1px dashed var(--accent);border-radius:var(--r-lg);background:var(--accent-dim);color:var(--text);text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;display:flex;position:relative}#welcome-replay-file.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;max-width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.welcome-replay-dropzone:hover,.welcome-replay-dropzone.is-drag-over{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 18%, transparent);outline:2px solid #0000;transform:translateY(-2px)}.welcome-replay-dropzone:has(input:focus-visible){border-color:var(--accent);background:color-mix(in oklch, var(--accent) 18%, transparent);outline:2px solid #0000;transform:translateY(-2px)}.welcome-replay-dropzone:has(input:focus-visible){outline-color:var(--accent);outline-offset:3px}.welcome-replay-icon{color:var(--accent)}.welcome-replay-dropzone strong{font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase}.welcome-replay-dropzone span{max-width:34ch;color:var(--text-2);font-size:var(--text-sm)}.welcome-replay-error{min-height:1.5em;color:var(--danger);font-size:var(--text-sm);margin:0}.welcome-secondary-actions{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.welcome-secondary-action{min-height:44px;padding:0 var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);color:var(--text-2);font:inherit;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;font-weight:700}.welcome-secondary-action:hover,.welcome-secondary-action:focus-visible{border-color:var(--accent);color:var(--accent)}.welcome-secondary-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=899px){.welcome-command{grid-template-columns:minmax(0,1fr)}.welcome-command-title{max-width:22ch}.welcome-replay-dropzone{min-height:200px}}@media (width<=480px){#dashboard-empty{padding-inline:var(--sp-4)}.welcome-proof-list li,.welcome-secondary-actions{grid-template-columns:minmax(0,1fr)}.welcome-replay-dropzone{min-height:180px;padding:var(--sp-5)}}@media (prefers-reduced-motion:reduce){.welcome-replay-dropzone{transition:none}.welcome-replay-dropzone:hover,.welcome-replay-dropzone.is-drag-over{transform:none}.welcome-replay-dropzone:has(input:focus-visible){transform:none}}.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);grid-column:1/-1;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-card--col4{grid-column:span 4}.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-tagline-line{color:var(--muted);margin-top:-4px;font-size:.82rem}.about-hero-links{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.about-link-btn{font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);background:var(--surface);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.about-link-btn:hover{color:var(--text);border-color:var(--border-hov);background:var(--surface-hov)}.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);padding:20px;display:grid}.about-hero-panel-inner{gap:14px;display:grid}.about-sigil{background:#b560ff14;border:1px solid #b560ff57;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.about-sigil img{width:36px;height:36px}.about-panel-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.about-panel-name{color:var(--text);margin:2px 0;font-size:1rem;font-weight:700;display:block}.about-panel-stack{flex-wrap:wrap;gap:6px;display:flex}.about-stack-badge{letter-spacing:.05em;border-radius:var(--r-sm);color:oklch(65% .22 305);background:#b560ff1a;border:1px solid #b560ff33;padding:3px 8px;font-size:10px;font-weight:700}.about-section-heading{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 14px;font-weight:700}.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);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.about-feature:hover{background:var(--surface-hov);border-color:var(--border)}.about-feature-icon{border-radius:var(--r-sm);background:color-mix(in oklch, var(--feat-color) 12%, transparent);width:30px;height:30px;color:var(--feat-color);flex-shrink:0;place-items:center;display:grid}.about-feature-title{color:var(--text);margin-bottom:2px;font-weight:700}.about-feature-desc{color:var(--text-2);font-size:var(--text-xs);line-height:1.5}.about-feedback-desc{color:var(--text-2);font-size:var(--text-sm);margin-bottom:14px}.about-feedback-form{gap:12px;display:grid}.about-feedback-row{gap:6px;display:grid}.about-feedback-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.about-feedback-select,.about-feedback-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease);width:100%;padding:8px 10px;font-family:inherit}.about-feedback-select:focus,.about-feedback-textarea:focus{border-color:var(--accent);outline:none}.about-feedback-textarea{resize:vertical;min-height:88px;line-height:1.55}.about-feedback-status{font-size:var(--text-sm);border-radius:var(--r);border:1px solid #0000;padding:8px 12px}.about-feedback-status.is-success{color:var(--success);background:color-mix(in oklch, var(--success) 8%, transparent);border-color:color-mix(in oklch, var(--success) 20%, transparent)}.about-feedback-status.is-error{color:var(--danger);background:color-mix(in oklch, var(--danger) 8%, transparent);border-color:color-mix(in oklch, var(--danger) 20%, transparent)}.about-feedback-btn{justify-self:start;margin-top:4px}.admin-feedback-item{border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface);margin-bottom:8px;padding:10px 12px}.admin-feedback-item.is-read{opacity:.55}.admin-feedback-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.admin-feedback-type{border-radius:var(--r-sm);background:var(--surface-hov);color:var(--text-2);padding:2px 6px}.admin-feedback-msg{font-size:var(--text-sm);color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.5}.admin-feedback-actions{gap:6px;margin-top:8px;display:flex}.admin-feedback-mark-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-hov);color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease);padding:3px 8px;font-size:10px;font-weight:700}.admin-feedback-mark-btn:hover{border-color:var(--accent);color:var(--accent)}@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-card--col4,.about-infra-grid{grid-column:auto}.about-hero-shell,.about-features{grid-template-columns:1fr}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel{background:var(--surface);border-radius:var(--r-sm);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;color:#0000!important}.skel>*{visibility:hidden}.skel:after{content:"";background:linear-gradient(90deg, transparent, var(--surface-hov), transparent);position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.skel:after{animation:1.8s ease-in-out infinite skeleton-shimmer}}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}}.skel-line{border-radius:4px;height:12px}.skel-line--sm{height:10px}.skel-line--lg{height:16px}.skel-circle{border-radius:50%}.skel-card{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);padding:16px}.skel-card+.skel-card{margin-top:12px}.skel-replay-header{align-items:center;gap:16px;display:flex}.skel-replay-header .skel-race-icon{flex-shrink:0;width:36px;height:36px}.skel-replay-header .skel-header-text{flex-direction:column;flex:1;gap:8px;display:flex}.skel-replay-tabs{gap:4px;margin:16px 0;display:flex}.skel-replay-tabs .skel-tab{border-radius:var(--r-sm);width:64px;height:28px}.skel-replay-chart{border-radius:var(--r);width:100%;height:200px}.skel-replay-table{flex-direction:column;gap:8px;width:100%;display:flex}.skel-replay-table .skel-row{align-items:center;gap:12px;display:flex}.skel-replay-table .skel-row .skel-cell{border-radius:3px;height:14px}.skel-ladder-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.skel-ladder-kpi{flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.skel-ladder-kpi .skel-kpi-value{width:60px;height:24px}.skel-ladder-kpi .skel-kpi-label{width:80px;height:10px}.skel-ladder-controls{gap:12px;margin-bottom:16px;display:flex}.skel-ladder-controls .skel-control{border-radius:var(--r);width:120px;height:36px}.skel-ladder-table{width:100%}.skel-ladder-row{grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.skel-ladder-row+.skel-ladder-row{border-top:1px solid var(--border-sub)}.skel-ladder-row .skel-cell{border-radius:3px;height:14px}.skel-ladder-row .skel-cell--name{width:80%}.skel-ladder-row .skel-cell--stat{width:60%}.skel-ladder-peers{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:12px;display:grid}.skel-ladder-peer{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.skel-ladder-peer .skel-peer-name{width:70%;height:14px}.skel-ladder-peer .skel-peer-stats{width:50%;height:10px}@media (width<=768px){.skel-ladder-stats{grid-template-columns:1fr}.skel-ladder-row{grid-template-columns:1fr 1fr;gap:8px}.skel-ladder-row .skel-cell:nth-child(n+3){display:none}}.replay-debrief{border-block:1px solid var(--border-sub);gap:clamp(20px,3vw,36px);min-width:0;padding-block:clamp(24px,4vw,40px);display:grid}.replay-debrief,.replay-debrief *{box-sizing:border-box}.replay-debrief__header{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:8px 24px;min-width:0;display:grid}.replay-debrief__kicker{color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;grid-area:1/1;margin:0;font-weight:800;line-height:1.4}.replay-debrief__header>h2{max-width:28ch;color:var(--text);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;grid-area:2/1;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1.08}.replay-debrief__selector{grid-area:1/2/span 2;align-self:end;gap:8px;min-width:0;display:grid}.replay-debrief__selector:empty{display:none}.replay-debrief__selector label{color:var(--muted);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;line-height:1.4;display:block}.replay-debrief__selector select{border:1px solid var(--border);border-radius:var(--r);background-color:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:10px 36px 10px 12px}.replay-debrief__selector select:focus-visible,.replay-debrief__evidence-button:focus-visible,.replay-debrief__empty [data-replay-empty-stats]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}.replay-debrief__selector select:focus{border-color:var(--accent);background-color:var(--surface);outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}.replay-debrief__findings{margin:0;padding:0;list-style:none;display:grid}.replay-debrief__finding{border-top:1px solid var(--border-sub);grid-template-columns:52px minmax(180px,.7fr) minmax(0,1.3fr);grid-template-areas:"number priority evidence""number title evidence"".why action"".why button";gap:18px 24px;min-width:0;padding-block:clamp(28px,4vw,44px);display:grid}.replay-debrief__number{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;grid-area:number;font-size:1rem;font-weight:700;line-height:1.4}.replay-debrief__priority{color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;grid-area:priority;margin:0;font-weight:800;line-height:1.4}.replay-debrief__finding>h3,.replay-debrief__empty h3{padding:0;display:block;position:static}.replay-debrief__finding>h3{max-width:24ch;color:var(--text);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;grid-area:title;align-self:start;margin:0;font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:800;line-height:1.15}.replay-debrief__finding>h3:before,.replay-debrief__empty h3:before{content:none}.replay-debrief__why,.replay-debrief__evidence,.replay-debrief__action{grid-template-columns:minmax(88px,112px) minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.replay-debrief__why{grid-area:why;grid-template-columns:minmax(0,1fr);align-self:start;gap:6px}.replay-debrief__evidence{grid-area:evidence}.replay-debrief__action{grid-area:action}.replay-debrief__why h4,.replay-debrief__evidence h4,.replay-debrief__action h4{color:var(--muted);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:800;line-height:1.5}.replay-debrief__why p,.replay-debrief__evidence p,.replay-debrief__action p{max-width:68ch;color:var(--text);font-size:var(--text-base);margin:0;line-height:1.65}.replay-debrief__evidence-button,.replay-debrief__empty [data-replay-empty-stats]{border:1px solid var(--accent);border-radius:var(--r);min-height:44px;color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:normal;cursor:pointer;box-shadow:none;background:0 0;padding:10px 16px;font-weight:800;line-height:1.4;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;transform:none}.replay-debrief__evidence-button{grid-area:button;justify-self:start}.replay-debrief__description,.replay-debrief__unavailable{border-top:1px solid var(--border-sub);max-width:70ch;color:var(--muted);margin:0;padding-top:20px;line-height:1.65}.replay-debrief__empty{border-top:1px solid var(--border-sub);gap:12px;min-width:0;padding-top:24px;display:grid}.replay-debrief__empty h3,.replay-debrief__empty p{max-width:68ch;margin:0}.replay-debrief__empty h3{color:var(--text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.25rem;font-weight:800;line-height:1.2}.replay-debrief__empty p{color:var(--muted);line-height:1.65}.replay-debrief__empty [data-replay-empty-stats]{justify-self:start;margin-top:4px}@media (hover:hover){.replay-debrief__selector select:hover{border-color:var(--accent)}.replay-debrief__evidence-button:hover,.replay-debrief__empty [data-replay-empty-stats]:hover{background-color:var(--surface);border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}}.replay-debrief__evidence-button:active,.replay-debrief__empty [data-replay-empty-stats]:active{transform:none}@media (width<=900px){.replay-debrief__header{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:18px}.replay-debrief__kicker,.replay-debrief__header>h2,.replay-debrief__selector{grid-area:auto/1}.replay-debrief__finding{grid-template-columns:minmax(0,1fr);grid-template-areas:"number""priority""title""why""evidence""action""button";gap:18px}.replay-debrief__finding>h3{max-width:32ch}.replay-debrief__why,.replay-debrief__evidence,.replay-debrief__action{grid-template-columns:minmax(0,1fr);gap:6px}}@media (width<=480px){.replay-debrief{padding-block:20px}.replay-debrief__header,.replay-debrief__selector,.replay-debrief__selector select,.replay-debrief__finding,.replay-debrief__finding>h3,.replay-debrief__why,.replay-debrief__evidence,.replay-debrief__action{min-width:0;max-width:100%}.replay-debrief__finding{padding-block:24px}.replay-debrief__evidence-button,.replay-debrief__empty [data-replay-empty-stats]{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.replay-debrief,.replay-debrief *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.codex-container{padding:var(--space-section);max-width:1400px;margin:0 auto}.codex-header{margin-bottom:var(--space-section)}.codex-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-2xl);color:var(--text);margin:0 0 var(--sp-2) 0}.codex-subtitle{color:var(--muted);font-size:var(--text-sm);margin:0}.codex-race-tabs{gap:var(--sp-3);margin-bottom:var(--space-section);display:flex}.codex-race-tab{padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--text-2);font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--dur) var(--ease);justify-content:center;align-items:center;gap:var(--sp-3);flex:1;display:flex}.codex-race-tab:hover{border-color:var(--tab-color);background:var(--bg-card-hov)}.codex-race-tab.active{border-color:var(--tab-color);background:color-mix(in oklch, var(--tab-color) 12%, var(--bg-card));color:var(--text);box-shadow:0 0 12px color-mix(in oklch, var(--tab-color) 20%, transparent)}.codex-race-tab-name{font-weight:600}.codex-filter-bar{align-items:center;gap:var(--sp-5);margin-bottom:var(--space-section);flex-wrap:wrap;display:flex}.codex-filter-group{gap:var(--sp-2);display:flex}.codex-filter-btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0}.codex-filter-btn:hover{border-color:var(--border-hov);color:var(--text)}.codex-filter-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.codex-search{min-width:200px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--field-bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease);outline:none;flex:1}.codex-search::placeholder{color:var(--muted)}.codex-search:focus{border-color:var(--accent)}.codex-content{gap:var(--space-section);flex-direction:column;display:flex}.codex-section-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--sp-5) 0;padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-sub)}.codex-tech-tree{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-6)}.codex-tree-grid{gap:var(--sp-5);padding-bottom:var(--sp-3);display:flex;overflow-x:auto}.codex-tree-tier{gap:var(--sp-3);flex-direction:column;min-width:160px;display:flex}.codex-tree-tier-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-sub)}.codex-tree-tier-items{gap:var(--sp-2);flex-direction:column;display:flex}.codex-tree-node{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-dark);transition:all var(--dur-fast) var(--ease);display:flex}.codex-tree-node:hover{border-color:var(--race-color);background:color-mix(in oklch, var(--race-color) 6%, var(--bg-dark))}.codex-tree-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.codex-tree-label{font-size:var(--text-xs);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.codex-items-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.codex-card{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);padding:var(--sp-5);transition:all var(--dur) var(--ease)}.codex-card:hover{border-color:var(--race-color);box-shadow:0 0 16px color-mix(in oklch, var(--race-color) 10%, transparent)}.codex-card--upgrade{border-left:3px solid var(--race-color)}.codex-card-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.codex-card-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px}.codex-card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.codex-card-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.codex-card-category{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.codex-card-cost{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.codex-cost-m{color:var(--accent)}.codex-cost-g{color:var(--success);margin-left:var(--sp-2)}.codex-card-stats{gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.codex-stat{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.codex-card-desc{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-3);line-height:1.5}.codex-requires{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--muted);padding-top:var(--sp-3);border-top:1px solid var(--border-sub);flex-wrap:wrap;display:flex}.codex-requires-label{text-transform:uppercase;letter-spacing:.04em}.codex-requires-item{padding:1px var(--sp-2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-family:var(--font-mono);color:var(--text-2);font-size:9px}@media (width<=768px){.codex-race-tabs{flex-direction:column}.codex-filter-bar{flex-direction:column;align-items:stretch}.codex-filter-group{justify-content:center}.codex-items-grid{grid-template-columns:1fr}.codex-tree-grid{flex-direction:column}}