@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.skip-link{top:0;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);transition:transform .15s var(--ease);font-size:.85rem;font-weight:700;text-decoration:none;position:absolute;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--accent) 28%, transparent);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--accent) 50%, transparent)}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:none;min-height:100vh;font-size:14px;line-height:1.6;overflow-x:hidden}[data-theme=light] body{background-image:none}.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}}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{border-color:var(--accent)}}@layer layout;@layer components{.replay-hero{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:0;padding:12px 0 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:calc(var(--shell-chrome-height) + 8px);grid-template-columns:minmax(0,1fr)}.has-results #replay-results>*{min-width:0;max-width:100%}.has-results #replay-results [data-replay-evidence-target=true]{scroll-margin-top:calc(var(--shell-chrome-height) + 88px)}@media (width>=641px){.has-results #replay-results [data-replay-evidence-target=true][role=slider]{scroll-margin-top:calc(var(--shell-chrome-height) + 134px)}}@media (width<=640px){.has-results #replay-results{scroll-margin-top:calc(var(--shell-chrome-height) + 64px)}.has-results #replay-results [data-replay-evidence-target=true]{scroll-margin-top:calc(var(--shell-chrome-height) + 118px)}}.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;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:var(--shadow-sm)}.replay-panels-wrapper{width:100%;max-width:none;margin:0}.replay-upload-layout{flex-direction:column;gap:16px;margin-bottom:0;display:flex}.replay-dropzone{cursor:pointer;min-height:220px;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:32px 24px;display:flex}#view-replay:not(.has-results)>.card{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;padding:clamp(18px,2vw,32px);display:grid}#view-replay:not(.has-results) .replay-hero{grid-area:1/1;min-width:0}#view-replay:not(.has-results) .replay-panels-wrapper{display:contents}#view-replay:not(.has-results) #replay-analyze-panel{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start;gap:18px clamp(20px,3vw,48px);min-width:0;display:grid}#view-replay:not(.has-results) #replay-analyze-panel[hidden],#view-replay:not(.has-results) #replay-compare-panel[hidden],#view-replay:not(.has-results) #replay-batch-panel[hidden]{display:none}#view-replay:not(.has-results) .replay-upload-layout{grid-area:1/1;min-width:0}#view-replay:not(.has-results) #replay-history-section{border-left:1px solid var(--border-sub);grid-area:1/2/span 2;min-width:0;margin:0;padding-left:clamp(16px,2vw,32px)}#view-replay:not(.has-results) #replay-progress,#view-replay:not(.has-results) #replay-results{grid-column:1/-1}#view-replay:not(.has-results) #replay-compare-panel,#view-replay:not(.has-results) #replay-batch-panel{grid-column:1;min-width:0}#view-replay:not(.has-results) #replay-history-section[hidden]{display:none}#view-replay:not(.has-results) .replay-hero-title{letter-spacing:.1em;margin:0 0 8px;font-size:clamp(1.35rem,2vw,1.8rem)}#view-replay:not(.has-results) .replay-hero-desc{max-width:66ch}#view-replay:not(.has-results) .replay-mode-tabs{flex-wrap:wrap}#view-replay:not(.has-results) #replay-history-section>*{max-width:100%}@media (width<=1100px){#view-replay:not(.has-results) #replay-analyze-panel{grid-template-columns:minmax(0,1fr)}#view-replay:not(.has-results) #replay-history-section{border-left:0;border-top:1px solid var(--border-sub);grid-area:auto/1;padding:18px 0 0}}@media (width<=640px){#view-replay:not(.has-results)>.card{padding:14px}.replay-dropzone{min-height:180px;padding:24px 16px}.replay-hero{gap:12px}}.replay-dropzone:hover{border-color:var(--accent);background:color-mix(in oklch, var(--terran) 4%, transparent);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(--text-2);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-update-policy{border:1px solid color-mix(in oklch, var(--accent) 28%, var(--border));border-radius:var(--r-sm);background:var(--accent-dim);color:var(--text-2);margin:-6px 0 16px;padding:8px 10px;font-size:12px;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(--accent);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(--text-2);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;display:block}.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(--text-2);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(--text-2);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(--text-2);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(--text-2);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}@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-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-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;margin-left:auto;display:flex}.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-header{gap:8px 12px}.btn-rpl-action.rpl-back{justify-content:center;min-width:36px;padding-inline:0}.btn-rpl-action.btn-rpl-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.btn-rpl-action.btn-rpl-primary:hover:not(:disabled):not([aria-disabled=true]){color:oklch(12% .004 250);background:oklch(78% .15 75);border-color:oklch(78% .15 75)}.btn-rpl-action.btn-rpl-primary[aria-disabled=true]{border-color:var(--border-control);color:var(--muted);background:0 0}.rpl-chip--shared{color:var(--text-2)}@media (width<=599px){.rpl-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back id menu""chips chips copy";align-items:center;display:grid}.rpl-back{grid-area:back}.rpl-header-identity{grid-area:id;min-width:0}.rpl-header-map{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rpl-share-bar{display:contents}.rpl-share-bar>.action-menu{grid-area:menu}.rpl-share-bar>#btn-share-replay{grid-area:copy}.rpl-header-chips{scrollbar-width:none;flex-wrap:nowrap;grid-area:chips;min-width:0;overflow-x:auto}.rpl-header-chips::-webkit-scrollbar{display:none}.rpl-chip--date,.rpl-chip--version{display:none}}.replay-tab-navigation{top:calc(var(--shell-chrome-height) + 8px);z-index:700;border:1px solid var(--border-sub);border-radius:var(--r);background:var(--bg-dark);margin-top:8px;position:sticky;container-type:scroll-state}@container scroll-state(stuck:top){.replay-tabs:before{content:"";left:calc(-1px - var(--sp-4));right:calc(-1px - var(--sp-4));background:linear-gradient(var(--bg-card), var(--bg-card)), var(--bg);pointer-events:none;height:56px;position:absolute;bottom:calc(100% + 1px)}}.replay-tabs{scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.replay-tabs::-webkit-scrollbar{display:none}.replay-tab-guide{color:var(--muted);font-size:var(--text-xs);margin:0;padding:0 14px 8px;line-height:1.35}@media (width<=640px){.replay-tab-navigation{top:calc(var(--shell-chrome-height) + 8px)}}.replay-group-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-group-tab:hover{color:var(--text-2);background:#ffffff0a}.replay-group-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:none}.replay-subtabs{scrollbar-width:none;border:1px solid var(--border-sub);border-radius:var(--r);gap:2px;width:fit-content;max-width:calc(100% - 8px);margin:0 4px 4px;padding:2px;display:flex;overflow-x:auto}.replay-subtabs::-webkit-scrollbar{display:none}.replay-tab{border-radius:var(--r-sm);min-height:32px;color:var(--muted);cursor:pointer;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;flex-shrink:0;padding:4px 12px;font-weight:700}.replay-tab:hover{color:var(--text-2);background:var(--surface-hov)}.replay-tab.active{background:var(--surface-elev);color:var(--text);box-shadow:none}@media (width<=640px){.replay-tab{min-height:44px}}.rpl-tab-pane{gap:8px;margin-top:8px}#pane-battle{margin-top:8px;padding-bottom:0}.replay-premium-gate{max-width:640px;padding:var(--sp-6);margin:24px auto}.replay-premium-gate h3{margin:0 0 var(--sp-3)}.replay-premium-gate p{color:var(--text-2);margin:0}#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}.rpl-stats-table thead th{white-space:normal;max-width:calc(9ch + 2 * var(--sp-3));vertical-align:bottom;line-height:1.25}.rpl-stats-table th[data-help]{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.rpl-pcard.rpl-table-wrapper{overflow-x:auto}.rpl-stats-table :is(th,td){padding-inline:var(--sp-3)}.rpl-stats-table .col-joueur{text-align:left}.rpl-stats-table td.col-joueur{min-width:240px}.rpl-stats-table tbody+tbody tr:first-child td{border-top:2px solid oklch(100% 0 0/.12)}.table-player-cell{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.tp-name{font-weight:700}.tp-league{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rpl-table-badge{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);font-weight:800;line-height:1}.rpl-table-badge.badge-win{background:var(--success-bg-soft);color:var(--success)}.rpl-table-badge.badge-loss{background:var(--danger-bg-soft);color:var(--danger)}.rpl-stats-table td.col-macro{color:var(--text);font-weight:800}.tm-score{font-family:var(--od-telemetry);font-size:var(--text-base)}.rpl-stats-table td.col-combat{font-family:var(--od-telemetry);white-space:nowrap}.tc-killed{color:var(--success)}.tc-lost{color:var(--danger)}#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(--accent)}.heatmap-wrapper{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.heatmap-wrapper:fullscreen{background:var(--bg-dark);width:100vw;height:100vh;padding:var(--sp-6);justify-content:center}.heatmap-wrapper:fullscreen .heatmap-canvas-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.heatmap-wrapper:fullscreen .heatmap-canvas-container canvas{width:auto;max-width:100%;height:100%;max-height:100%}.heatmap-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.heatmap-title{flex:none}.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:zoom-in;width:100%;height:auto;display:block}.heatmap-canvas-container canvas.zoomed-in{cursor:grab}.heatmap-canvas-container canvas.zoomed-in:active{cursor:grabbing}.heatmap-controls{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.heatmap-control-group{border:1px solid var(--border-sub);background:#ffffff06;border-radius:6px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.heatmap-control-group .heatmap-toggle{white-space:nowrap;background:0 0;border-color:#0000;border-radius:4px;min-width:34px;min-height:34px;padding:5px 9px;font-size:11px;font-weight:600}.heatmap-control-group .heatmap-toggle:hover:not(:disabled):not([aria-disabled=true]),.heatmap-control-group .heatmap-toggle:focus-visible{color:var(--text-1);border-color:var(--od-accent)}.heatmap-control-group .heatmap-toggle.active{background:var(--accent);color:var(--bg-dark);border-color:var(--accent)}.heatmap-control-group .heatmap-toggle:disabled,.heatmap-control-group .heatmap-toggle[aria-disabled=true]{opacity:.45;cursor:not-allowed}.heatmap-follow-wrap{display:inline-flex}.heatmap-follow-wrap[aria-disabled=true]{cursor:not-allowed}.heatmap-follow-wrap .heatmap-follow-select:disabled{pointer-events:none}.heatmap-follow-select{border:1px solid var(--border-sub);background:var(--surface);max-width:160px;min-height:34px;color:var(--text-1);border-radius:4px;padding:4px 6px;font-size:11px}.heatmap-follow-select:focus-visible{outline:2px solid var(--od-accent)}.heatmap-follow-select:disabled{opacity:.45}.tactical-position-legend{color:var(--text-2);align-items:center;gap:7px;font-size:11px;display:flex}.tactical-position-legend[hidden]{display:none}.tactical-position-legend{flex-wrap:wrap}.tactical-position-confirmed{border:1.5px solid #ffffffe6;border-radius:50%;flex:none;width:13px;height:13px}.tactical-position-note{opacity:.75}.tactical-fog-legend{color:var(--text-2);margin-top:4px;font-size:11px;line-height:1.45}.tactical-fog-legend[hidden]{display:none}@media (width<=1200px){.heatmap-header{flex-direction:column;align-items:stretch}.heatmap-controls{justify-content:flex-start}}@media (width<=640px){.heatmap-footer{flex-wrap:wrap;gap:8px}.heatmap-legend,.heatmap-meta{flex-wrap:wrap;min-width:0}.heatmap-header{align-items:stretch;gap:var(--sp-2);flex-direction:column;min-width:0}.heatmap-controls{flex-wrap:nowrap;justify-content:flex-start;min-width:0;max-width:100%;padding-bottom:4px;overflow-x:auto}.heatmap-control-group{flex-wrap:nowrap;flex:none}}.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}.telemetry-data{font-family:var(--od-telemetry);font-size:var(--text-xs);color:var(--muted)}.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;min-width:44px;min-height:44px;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}.heatmap-speed-wrap{flex:none;align-items:center;display:flex}.heatmap-speed-select{font-family:var(--font-mono);color:var(--od-accent);border:1px solid var(--border-sub);border-radius:var(--r-full);cursor:pointer;appearance:none;text-align:center;background:#ffffff0f;outline:none;padding:2px 6px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}.heatmap-speed-select:hover{border-color:var(--od-accent);background:#ffffff1f}.heatmap-speed-select:focus-visible{border-color:var(--od-accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 25%, transparent)}.heatmap-speed-select option{background:var(--menu-bg);color:var(--text)}@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 color-mix(in oklch, var(--accent) 25%, transparent)}.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-jump-row{margin:calc(-1 * var(--sp-2)) 0 var(--sp-3);flex-wrap:wrap;gap:6px;display:flex}.timeline-jump-btn{border:1px solid var(--border-sub);background:var(--surface);min-height:32px;color:var(--text-2);cursor:pointer;border-radius:5px;padding:4px 10px;font-size:11px}.timeline-jump-btn:hover:not(:disabled):not([aria-disabled=true]),.timeline-jump-btn:focus-visible{color:var(--text-1);border-color:var(--od-accent)}.timeline-jump-btn:disabled,.timeline-jump-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.timeline-fights{min-height:0;margin:0 0 var(--sp-3)}.timeline-fights-title{color:var(--text-2);margin-bottom:6px;font-size:11px;font-weight:700}.timeline-fight-list{flex-direction:column;gap:6px;max-height:170px;display:flex;overflow-y:auto}.timeline-fight-card{border:1px solid var(--border-sub);background:#ffffff06;border-radius:5px;padding:7px 9px}.timeline-fight-card.active{border-color:var(--od-accent)}.timeline-fight-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-fight-card-head strong{color:var(--od-accent);font-family:var(--font-mono);font-size:12px}.timeline-fight-zone{color:var(--muted);margin-top:2px;font-size:10px}.timeline-fight-replay{border:1px solid var(--od-accent);color:var(--od-accent);cursor:pointer;background:0 0;border-radius:4px;padding:4px 9px;font-size:11px}.timeline-fight-replay:hover,.timeline-fight-replay:focus-visible{background:var(--accent-dim)}.timeline-fight-losses{flex-direction:column;gap:3px;margin-top:5px;display:flex}.timeline-fight-loss{color:var(--text-2);font-size:11px}.timeline-fight-loss strong{color:var(--text-1)}.timeline-fight-loss small{color:var(--muted);font-size:10px;display:block}.timeline-fight-empty{color:var(--muted);margin:0;font-size:11px}.timeline-time-label{font-family:var(--font-mono);color:var(--od-accent);text-align:right;flex:none;min-width:48px;font-size:12px}.timeline-speed-wrap{flex:none;align-items:center;display:flex}.timeline-speed-select{font-family:var(--font-mono);color:var(--od-accent);border:1px solid var(--border-sub);border-radius:var(--r-full);cursor:pointer;appearance:none;text-align:center;background:#ffffff0f;outline:none;padding:3px 8px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}.timeline-speed-select:hover{border-color:var(--od-accent);background:#ffffff1f}.timeline-speed-select:focus-visible{border-color:var(--od-accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 25%, transparent)}.timeline-speed-select option{background:var(--menu-bg);color:var(--text)}.timeline-hover{background:var(--text-2);opacity:.8;pointer-events:none;z-index:6;width:1px;position:absolute;top:0;bottom:0}.timeline-hover-label{background:var(--menu-bg);border:1px solid var(--border-sub);color:var(--text);font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;position:absolute;bottom:calc(100% + 4px);left:0;transform:translate(-50%)}.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-transfers-panel{border:1px solid var(--border-sub);background:var(--surface);border-radius:8px;grid-column:1/-1;margin-top:16px;padding:12px 14px}.rpl-transfers-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:12px;font-weight:700}.rpl-transfers-summary{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.rpl-transfer-pill{border:1px solid var(--border-sub);background:#ffffff0a;border-radius:6px;align-items:center;gap:10px;padding:5px 8px;font-size:10px;display:flex}.rpl-transfer-name{color:var(--text);min-width:80px;font-weight:600}.rpl-transfer-flow{color:var(--text-2)}.rpl-transfers-head{color:var(--muted);border-bottom:1px solid var(--border);gap:4px;margin-bottom:6px;padding-bottom:4px;font-size:10px;display:flex}.rpl-transfers-head-time{min-width:40px}.rpl-transfers-total{margin-left:auto}.rpl-transfers-list{flex-direction:column;gap:3px;max-height:200px;display:flex;overflow-y:auto}.rpl-transfer-row{border:1px solid var(--border-sub);background:#ffffff05;border-radius:3px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 8px;font-size:10px;display:flex}.rpl-transfer-time{color:var(--muted);min-width:40px}.rpl-transfer-sender,.rpl-transfer-recipient{color:var(--text)}.rpl-transfer-arrow{color:var(--muted)}.rpl-transfer-amounts{font-family:var(--font-mono);gap:8px;margin-left:auto;display:flex}.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-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-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;gap:10px;min-width:0;display:flex}.bo-toolbar{background:var(--surface-sub);border:1px solid var(--border-sub);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 8px;display:flex}.bo-filter-group,.bo-phase-jump{flex-wrap:wrap;gap:4px;display:flex}.bo-phase-jump{margin-left:auto}.bo-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.bo-column{background:var(--surface);border:1px solid var(--border-sub);border-top:2px solid var(--success);border-radius:var(--r);flex-direction:column;min-width:0;display:flex;overflow:clip}.bo-column.is-loss{border-top-color:var(--danger)}.bo-column-head{background:color-mix(in srgb, var(--bg-dark), transparent 70%);border-bottom:1px solid var(--border-sub);align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.bo-column-head .race-badge-img{flex:none;padding:2px 8px 2px 4px;font-size:10px}.bo-column-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);font-weight:700;overflow:hidden}.bo-column-league{color:var(--muted);white-space:nowrap;flex:none;margin-left:auto;font-size:11px;font-weight:600}.bo-column-list{max-height:70vh;position:relative;overflow-y:auto}.bo-column-empty{color:var(--muted);font-size:var(--text-sm);margin:0;padding:12px 10px}.bo-phase-range{opacity:.7;font-variant-numeric:tabular-nums;margin-left:4px;font-weight:600}.unit-icon-sm{object-fit:cover;background:#0003;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:8px}.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(--text-2);text-align:center;border:1px solid var(--border-sub);font-variant-numeric:tabular-nums;background:#ffffff0a;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-column .build-order-item{gap:8px;padding:2px 10px;line-height:1.3}.bo-column .build-order-item:hover{transform:none}.bo-column .build-order-time{min-width:34px}.bo-column .unit-icon-sm{width:16px;height:16px;margin-right:0}.rpl-bo-supply.is-empty{visibility:hidden}.bo-item-count{color:var(--text-muted);margin-left:4px;font-size:.85em}.is-benchmark{border:1px solid color-mix(in srgb, var(--accent), transparent 82%);background:color-mix(in srgb, var(--accent), 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:color-mix(in oklch, var(--accent) 4%, transparent);border-top:1px solid color-mix(in oklch, var(--accent) 20%, transparent);border-bottom:1px solid color-mix(in oklch, var(--accent) 12%, transparent);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;color:var(--accent);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-heroes-strip{background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 5%, transparent), color-mix(in oklch, var(--accent) 1%, transparent) 60%, transparent);border:1px solid color-mix(in oklch, var(--accent) 18%, transparent);border-radius:var(--r);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, color-mix(in oklch, var(--accent) 40%, transparent), transparent);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;box-shadow:var(--shadow-sm);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}.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}.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,.history-welcome-card .kicker,.public-replays-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{top:calc(var(--shell-chrome-height) + 8px);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}.history-admin-scope{border:1px solid var(--border-subtle);border-radius:var(--r);align-items:center;gap:2px;min-height:36px;padding:2px;display:inline-flex}.history-admin-scope[hidden]{display:none}.history-admin-scope-option{border-radius:calc(var(--r) - 2px);min-height:30px;color:var(--text-2);cursor:pointer;font-size:var(--text-sm);align-items:center;padding:0 10px;font-weight:650;display:inline-flex;position:relative}.history-admin-scope-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.history-admin-scope-option:has(input:checked){background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--text)}.history-admin-scope-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.history-admin-scope-note{color:var(--accent);font-size:var(--text-xs);flex-basis:100%}.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}.col-date,.history-origin-cell{min-width:140px}.hist-upload-date,.history-origin-primary{color:var(--text);font-weight:650;display:block}.hist-match-date,.history-origin-secondary{color:var(--muted);margin-top:2px;font-size:11px;display:block}.history-row.win{background-color:#2ed47a09}.history-row.loss{background-color:#ff475709}.history-row:hover{background:color-mix(in oklch, var(--terran) 5%, transparent);cursor:pointer}.hist-map-wrapper{flex-direction:column;gap:2px;display:flex}.hist-duration{color:var(--muted);font-size:11px}.hist-public-badge{border:1px solid color-mix(in oklch, var(--success) 35%, transparent);border-radius:var(--r);color:var(--success);align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:700}.hist-public-badge--other,.hist-private-badge{border-color:var(--border-subtle);color:var(--muted)}.replay-shared-by{margin:0 0 8px;font-size:12px}.history-actions-popover [aria-disabled=true]{opacity:.5;cursor:help}@media (prefers-reduced-motion:no-preference){.loading-spin svg{animation:1s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}}.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;width:100%;font:inherit;text-transform:none;letter-spacing:normal;justify-content:space-between;align-items:center;padding:12px 72px 12px 16px;transition:background .2s;display:flex;position:relative}.replay-history-item:hover{background:#ffffff08}.replay-history-item-main{flex:1;min-width:0}.replay-history-item-map{font-size:var(--text-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.replay-history-item-players{font-size:var(--text-xs);color:var(--text-2);margin-top:1px}.replay-history-item-players .vs{color:var(--muted);padding:0 3px;font-size:10px;font-weight:500}.replay-history-item-meta{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding-left:8px;display:flex}.replay-history-item-date{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.replay-history-toggle{border:1px dashed var(--border);border-radius:var(--r);background:var(--surface);width:100%;color:var(--text-2);font-size:var(--text-xs);letter-spacing:.04em;margin-top:4px;padding:8px 12px}.replay-history-toggle:hover{color:var(--text);border-color:var(--accent);background:color-mix(in oklch, var(--accent) 8%, var(--surface));box-shadow:none}.replay-history-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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-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}#view-archives .history-outer-wrap{max-width:1560px;margin:0 auto;padding:0 24px 40px}#view-archives{--archive-panel:color-mix(in oklch, var(--bg) 92%, var(--text) 8%);--archive-panel-raised:color-mix(in oklch, var(--bg) 86%, var(--text) 14%)}#view-archives .history-card{padding:0}#view-archives .history-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:end;gap:24px;padding:20px 0 16px;display:flex}#view-archives .history-titles{max-width:700px}#view-archives .history-titles h2,#view-archives .history-section-heading h3{text-transform:uppercase;letter-spacing:.045em;margin:0}#view-archives .history-description{max-width:620px;color:var(--text-2);margin:8px 0 0;line-height:1.55}#view-archives .history-head-count{border:1px solid color-mix(in oklch, var(--accent) 30%, var(--border));border-radius:var(--r);background:var(--accent-dim);min-width:150px;padding:12px 18px}#view-archives .history-head-count strong{font-family:var(--font-mono);font-size:2rem;line-height:1;display:block}#view-archives .history-head-count span{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-weight:700;display:block}#view-archives .history-head-count .history-scope-status{max-width:210px;color:var(--accent);line-height:1.4}#view-archives .history-scope-status[hidden]{display:none}#view-archives .history-command-bar{top:calc(var(--shell-chrome-height) + 8px);z-index:var(--z-sticky);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--archive-panel-raised);grid-template-columns:minmax(300px,1fr) auto;gap:8px 12px;margin:12px 0 14px;padding:10px;display:grid;position:sticky}#view-archives .history-command-primary,#view-archives .history-filter-controls{align-items:center;gap:8px;display:flex}#view-archives .history-search-input{width:100%;min-height:40px;margin:0}#view-archives .history-select,#view-archives .history-admin-scope,#view-archives .history-export-menu>summary,#view-archives .btn-history-refresh{min-height:40px}#view-archives .history-select{max-width:180px}#view-archives .history-export-menu,#view-archives .history-actions-menu{position:relative}#view-archives .history-export-menu>summary,#view-archives .history-actions-menu>summary{list-style:none}#view-archives .history-export-menu>summary::-webkit-details-marker{display:none}#view-archives .history-actions-menu>summary::-webkit-details-marker{display:none}#view-archives .history-export-menu>summary{border:1px solid var(--border-subtle);border-radius:var(--r);color:var(--text-2);cursor:pointer;font-size:var(--text-sm);align-items:center;padding:0 12px;font-weight:700;display:inline-flex}#view-archives .history-export-menu[open]>summary,#view-archives .history-export-menu>summary:hover{border-color:var(--accent);color:var(--accent)}#view-archives .history-export-popover,#view-archives .history-actions-popover{z-index:calc(var(--z-sticky) + 1);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}#view-archives .history-export-popover{gap:4px;display:grid}#view-archives .btn-history-export,#view-archives .btn-history-refresh{border:1px solid var(--border-subtle);border-radius:var(--r);min-height:40px;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 11px;display:inline-flex}#view-archives .btn-history-refresh{text-transform:none;letter-spacing:normal;font-weight:700}#view-archives .btn-history-export:hover,#view-archives .btn-history-refresh:hover,#view-archives .btn-history-refresh:focus-visible{border-color:var(--accent);color:var(--accent)}#view-archives .btn-history-refresh.is-loading svg{animation:.8s linear infinite history-refresh-spin}@keyframes history-refresh-spin{to{transform:rotate(360deg)}}#view-archives .history-admin-scope-note,#view-archives .history-active-filters,#view-archives .history-error-status{grid-column:1/-1}#view-archives .history-admin-scope-note{flex-basis:auto}#view-archives .history-active-filter-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#view-archives .history-filter-chip,#view-archives .history-filter-reset{border:1px solid var(--border-subtle);border-radius:var(--r-pill);min-height:32px;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--text-xs);background:0 0}#view-archives .history-filter-chip{align-items:center;gap:8px;padding:0 10px;display:inline-flex}#view-archives .history-filter-chip:hover{border-color:var(--accent);color:var(--text)}#view-archives .history-filter-reset{color:var(--accent);border-color:#0000;padding:0 8px}#view-archives .history-error-status{color:var(--danger);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}#view-archives .history-error-status[hidden]{display:none}#view-archives .history-inline-retry{border-radius:var(--r);min-height:36px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;padding:0 10px;font-weight:700}#view-archives .history-mobile-filter-toggle{display:none}#view-archives .history-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0 0 18px;padding:0}#view-archives .hist-stat-card{border-radius:var(--r);background:var(--archive-panel);text-align:left;min-height:96px;padding:14px 16px}#view-archives .hist-stat-card:before{display:none}#view-archives .hist-stat-card:hover{background:var(--surface-hov)}#view-archives .hist-stat-val{font-family:var(--font-mono);font-size:clamp(1.65rem,3vw,2.2rem)}#view-archives .history-retention-banner{border:1px solid var(--border-subtle);border-radius:var(--r);background:var(--archive-panel);text-align:left;grid-column:1/-1;padding:9px 12px}#view-archives .history-trends,#view-archives .history-analysis,#view-archives .history-games{margin-top:20px}#view-archives .history-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}#view-archives .history-section-heading>div{align-items:center;gap:10px;display:flex}#view-archives .history-section-index{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs)}#view-archives .history-results-summary{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}#view-archives .history-charts-row{gap:12px;margin:0}#view-archives .history-charts-row.is-single-panel{grid-template-columns:minmax(0,1fr)}#view-archives .history-chart-card,#view-archives .hist-gl-stats,#view-archives .hist-mt-crosstab{border-radius:var(--r);background:var(--archive-panel)}#view-archives .history-chart-card{min-width:0;padding:14px}#view-archives .history-analysis-toggle{border:1px solid var(--border-subtle);border-radius:var(--r);min-height:40px;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;background:0 0;align-items:center;gap:9px;padding:0 12px;font-weight:700;display:inline-flex}#view-archives .history-analysis-toggle:hover,#view-archives .history-analysis-toggle:focus-visible{border-color:var(--accent);color:var(--accent)}#view-archives .history-table-wrapper{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--archive-panel);margin-bottom:12px;overflow-x:auto}#view-archives .history-table th{border-bottom:1px solid var(--border);background:var(--archive-panel-raised);padding:9px 12px}#view-archives .history-table th:last-child{text-align:right}#view-archives .history-table td{padding:10px 12px}#view-archives .history-row{background:var(--archive-panel)}#view-archives .history-row.is-win{background:var(--success-bg-subtle)}#view-archives .history-row.is-loss{background:var(--danger-bg-subtle)}#view-archives .history-row:hover{background:color-mix(in oklch, var(--archive-panel-raised) 88%, var(--accent) 12%)}#view-archives .badge-outcome-mini{width:auto;min-width:0;min-height:28px;padding:0 8px}#view-archives .badge-outcome-mini.is-win{border:1px solid color-mix(in srgb, var(--color-win) 28%, transparent);background:color-mix(in srgb, var(--color-win) 8%, transparent);color:var(--color-win)}#view-archives .badge-outcome-mini.is-loss{border:1px solid color-mix(in srgb, var(--color-loss) 28%, transparent);background:color-mix(in srgb, var(--color-loss) 8%, transparent);color:var(--color-loss)}#view-archives .btn-action-view{min-width:86px;color:var(--accent);align-items:center;gap:7px;display:inline-flex}#view-archives .history-action-icon{flex:none;width:16px;height:16px}#view-archives .history-actions-menu>summary{border:1px solid var(--border-subtle);border-radius:var(--r);width:42px;height:42px;color:var(--text-2);cursor:pointer;place-items:center;display:grid}#view-archives .history-actions-menu[open]>summary,#view-archives .history-actions-menu>summary:hover{border-color:var(--accent);color:var(--accent)}#view-archives .history-actions-popover button{border-radius:calc(var(--r) - 2px);width:100%;min-width:0;min-height:40px;color:var(--text-2);text-align:left;cursor:pointer;font:inherit;font-size:var(--text-xs);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;display:flex}#view-archives .history-actions-popover{z-index:calc(var(--z-sticky) + 2);position:fixed}#view-archives .history-actions-popover button:hover,#view-archives .history-actions-popover button:focus-visible{background:var(--accent-dim);color:var(--text);transform:none}#view-archives .history-actions-popover .btn-action-delete:hover,#view-archives .history-actions-popover .btn-action-delete:focus-visible{color:var(--danger)}#view-archives .history-skeleton-row td{height:49px}#view-archives .history-skeleton-line{width:calc(82% - var(--skeleton-index) * 6%);border-radius:var(--r);background:var(--surface-hov);height:16px;animation:1.3s ease-in-out infinite alternate history-skeleton-pulse;display:block}@keyframes history-skeleton-pulse{to{opacity:.38}}#view-archives .history-error-cell,#view-archives .history-empty-cell{height:96px;color:var(--muted);text-align:center}#view-archives .history-error-cell>*,#view-archives .history-empty-cell>*{margin:4px}#view-archives .history-pagination{justify-content:center;align-items:center;gap:14px;display:flex}#view-archives .history-page-btn{border:1px solid var(--border-subtle);border-radius:var(--r);min-height:40px;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--text-xs);background:0 0;padding:0 12px;font-weight:700}#view-archives .history-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}#view-archives .history-page-btn:disabled{cursor:not-allowed;opacity:.38}#view-archives .history-page-info{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}@media (width<=1023px){#view-archives .history-command-bar{grid-template-columns:1fr}#view-archives .history-filter-controls{flex-wrap:wrap;grid-column:1;justify-content:flex-start}#view-archives .history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-archives .history-charts-row{grid-template-columns:1fr}}@media (width<=699px){#view-archives .history-outer-wrap{padding:0 12px 28px}#view-archives .history-head{flex-direction:column;align-items:flex-start;gap:18px;padding-top:24px}#view-archives .history-head-count{min-width:auto}#view-archives .history-command-bar{padding:8px;top:48px}#view-archives .history-mobile-filter-toggle{border:1px solid var(--border-subtle);border-radius:var(--r);min-height:40px;color:var(--text-2);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}#view-archives .history-filter-controls{display:none}#view-archives .history-filter-controls.is-mobile-open{display:flex}#view-archives .history-filter-controls>*{flex:140px;max-width:none}#view-archives .history-filter-chip,#view-archives .history-filter-reset{min-height:40px}#view-archives .history-section-heading{align-items:flex-start}#view-archives .history-analysis .history-section-heading{flex-direction:column;align-items:stretch}#view-archives .history-analysis-toggle{justify-content:space-between;width:100%;max-width:none;height:auto}#view-archives .history-table-wrapper{border:0;overflow:visible}#view-archives .history-table,#view-archives .history-table tbody{display:block}#view-archives .history-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#view-archives .history-row{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;margin-bottom:10px;padding:16px;display:grid}#view-archives .history-row.is-win{border-color:var(--success-border-subtle)}#view-archives .history-row.is-loss{border-color:var(--danger-border-subtle)}#view-archives .history-row>td:first-child{border-left:0}#view-archives .history-table td{border:0;min-width:0;padding:0;display:block}#view-archives .history-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}#view-archives .col-players,#view-archives .history-origin-cell{grid-column:1/-1}#view-archives .history-map-cell,#view-archives .col-date{grid-column:1}#view-archives .col-outcome{grid-area:1/2}#view-archives .history-actions-cell{grid-column:2;align-self:end}#view-archives .history-actions-popover{inset-inline:12px;position:fixed;top:auto;bottom:12px}#view-archives .history-pagination{justify-content:space-between;width:100%}#view-archives .history-page-info{text-align:center}}@media (prefers-reduced-motion:reduce){#view-archives .history-skeleton-line,#view-archives .btn-history-refresh.is-loading svg{animation:none}#view-archives .hist-stat-card,#view-archives .hist-matchup-card,#view-archives .hist-gl-card,#view-archives .btn-action-view{transition:none}}#view-archives .hist-radar-card,#view-archives .hist-veto-container-card,#view-archives .hist-strategy-card{border:1px solid var(--border-subtle);border-radius:var(--r);background:var(--archive-panel,#14141999);margin-top:18px;padding:16px}#view-archives .hist-card-header{margin-bottom:14px}#view-archives .hist-card-desc{font-size:var(--text-xs);color:var(--text-muted,#fff9);margin:4px 0 0}#view-archives .hist-radar-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}#view-archives .hist-radar-canvas-wrap{width:100%;height:280px;position:relative}#view-archives .hist-radar-insights{flex-direction:column;gap:10px;display:flex}#view-archives .hist-radar-pill{border-radius:var(--r-sm,6px);font-size:var(--text-xs);align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:flex}#view-archives .hist-radar-pill.is-strongest{color:var(--color-win,#2ed47a);background:#2ed47a1f;border:1px solid #2ed47a4d}#view-archives .hist-radar-pill.is-weakest{color:var(--color-loss,#f76b6b);background:#f76b6b1f;border:1px solid #f76b6b4d}#view-archives .hist-radar-metrics-list{border-radius:var(--r-sm,6px);font-size:var(--text-xs);background:#0003;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;display:flex}#view-archives .hist-radar-metric-row{justify-content:space-between;align-items:center;display:flex}#view-archives .hist-radar-metric-row .lbl{color:var(--text-2,#ffffffb3)}#view-archives .hist-radar-metric-row .val{color:var(--text-1,#fff);font-weight:600}#view-archives .hist-veto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px;display:grid}#view-archives .hist-veto-card{border:1px solid var(--border-subtle);border-radius:var(--r-sm,6px);background:#f76b6b0d;flex-direction:column;gap:8px;padding:14px;display:flex}#view-archives .hist-veto-badge-wrap{justify-content:space-between;align-items:center;display:flex}#view-archives .hist-veto-badge{font-size:var(--text-2xs,10px);text-transform:uppercase;color:var(--color-loss,#f76b6b);background:#f76b6b33;border-radius:4px;padding:2px 7px;font-weight:700}#view-archives .hist-veto-delta{font-size:var(--text-xs);font-weight:700}#view-archives .hist-veto-delta.is-negative{color:var(--color-loss,#f76b6b)}#view-archives .hist-veto-map-name{font-size:var(--text-base);margin:0;font-weight:600}#view-archives .hist-veto-stats{font-size:var(--text-xs);align-items:baseline;gap:6px;display:flex}#view-archives .hist-veto-worst{font-size:var(--text-2xs,11px);color:var(--text-muted,#fff9)}#view-archives .hist-strategy-table-wrap{margin-top:10px;overflow-x:auto}#view-archives .hist-strategy-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}#view-archives .hist-strategy-table th{text-align:left;color:var(--text-muted,#ffffff80);border-bottom:1px solid var(--border-subtle);padding:8px 10px;font-weight:600}#view-archives .hist-strategy-table td{border-bottom:1px solid #ffffff0a;padding:8px 10px}#view-archives .hist-strat-badge{font-weight:600}#view-archives .hist-matchup-badge{font-weight:700;font-size:var(--text-2xs,11px);background:#ffffff14;border-radius:4px;padding:2px 6px;display:inline-block}#view-archives .hist-strat-count{font-size:var(--text-2xs,10px);color:var(--text-muted,#ffffff80);margin-left:4px}@media (width<=768px){#view-archives .hist-radar-content{grid-template-columns:minmax(0,1fr)}}#view-archives .hist-thresholds-container-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg,12px);flex-direction:column;gap:20px;margin-top:20px;padding:20px;display:flex}#view-archives .hist-card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}#view-archives .hist-sample-pill{font-size:var(--text-2xs,11px);color:var(--text-2);background:#ffffff14;border-radius:999px;padding:3px 9px;font-weight:600}#view-archives .hist-thresholds-section-block{flex-direction:column;gap:12px;display:flex}#view-archives .hist-thresholds-subhead{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#fff9);margin:0;font-weight:700}#view-archives .hist-leaks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}#view-archives .hist-leak-card{border-radius:var(--r-sm,8px);border:1px solid var(--border-subtle);background:#ffffff05;flex-direction:column;gap:8px;padding:16px;display:flex}#view-archives .hist-leak-card.is-high{background:#f76b6b0f;border-color:#f76b6b4d}#view-archives .hist-leak-card.is-medium{background:color-mix(in oklch, var(--accent) 6%, transparent);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}#view-archives .hist-leak-card.is-info{background:#2ed47a0d;border-color:#2ed47a40}#view-archives .hist-leak-header{justify-content:space-between;align-items:center;display:flex}#view-archives .hist-leak-badge{font-size:var(--text-2xs,10px);text-transform:uppercase;border-radius:4px;padding:2px 7px;font-weight:700}#view-archives .hist-leak-badge.is-high{color:var(--color-loss,#f76b6b);background:#f76b6b33}#view-archives .hist-leak-badge.is-medium{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent)}#view-archives .hist-leak-badge.is-info{color:var(--color-win,#2ed47a);background:#2ed47a33}#view-archives .hist-leak-stat{font-size:var(--text-sm);color:var(--color-loss,#f76b6b);font-weight:700}#view-archives .hist-leak-title{font-size:var(--text-sm);margin:0;font-weight:600}#view-archives .hist-leak-desc{font-size:var(--text-xs);color:var(--text-2,#ffffffbf);margin:0;line-height:1.4}#view-archives .hist-leak-rec{font-size:var(--text-2xs,11px);color:var(--text-1,#fff);background:#00000040;border-radius:6px;align-items:flex-start;gap:6px;margin-top:4px;padding:8px 10px;line-height:1.35;display:flex}#view-archives .hist-thresholds-no-leaks{border-radius:var(--r-sm,8px);color:var(--color-win,#2ed47a);font-size:var(--text-sm);background:#2ed47a14;border:1px solid #2ed47a40;align-items:center;gap:8px;padding:16px;display:flex}#view-archives .hist-dimensions-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}#view-archives .hist-dim-card{border-radius:var(--r-sm,8px);border:1px solid var(--border-subtle);background:#ffffff05;flex-direction:column;gap:12px;padding:16px;display:flex}#view-archives .hist-dim-header{justify-content:space-between;align-items:baseline;display:flex}#view-archives .hist-dim-header h5{font-size:var(--text-sm);margin:0;font-weight:600}#view-archives .hist-dim-sub{font-size:var(--text-2xs,11px);color:var(--accent);font-weight:600}#view-archives .hist-dim-rows{flex-direction:column;gap:8px;display:flex}#view-archives .hist-threshold-row{font-size:var(--text-xs);grid-template-columns:85px 1fr 45px;align-items:center;gap:10px;display:grid}#view-archives .hist-threshold-row.is-threshold .hist-threshold-label{color:var(--accent);font-weight:700}#view-archives .hist-threshold-meta{flex-direction:column;display:flex}#view-archives .hist-threshold-label{font-weight:600}#view-archives .hist-threshold-games{font-size:var(--text-2xs,10px);color:var(--text-muted,#ffffff80)}#view-archives .hist-threshold-bar-wrap{background:var(--track-bg);border-radius:999px;height:6px;overflow:hidden}#view-archives .hist-threshold-bar{background:var(--color-win,#2ed47a);transform-origin:0;width:100%;height:100%;transform:scaleX(calc(var(--fill,0) * 1%));transition:transform .3s var(--ease);border-radius:999px}@media (prefers-reduced-motion:reduce){#view-archives .hist-threshold-bar{transition:none}}#view-archives .hist-threshold-bar[data-tier=medium]{background:var(--accent)}#view-archives .hist-threshold-bar[data-tier=low]{background:var(--color-loss,#f76b6b)}#view-archives .hist-threshold-wr{text-align:right;font-weight:700;font-size:var(--text-xs)}#view-archives .hist-threshold-wr[data-winrate=high]{color:var(--color-win,#2ed47a)}#view-archives .hist-threshold-wr[data-winrate=medium]{color:var(--accent)}#view-archives .hist-threshold-wr[data-winrate=low]{color:var(--color-loss,#f76b6b)}#view-archives .hist-thresholds-mup-wrap{flex-direction:column;gap:12px;margin-top:4px;display:flex}#view-archives .hist-mup-durations-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}#view-archives .hist-mup-duration-card{border-radius:var(--r-sm,6px);border:1px solid var(--border-subtle);background:#ffffff05;flex-direction:column;gap:8px;padding:12px;display:flex}#view-archives .hist-mup-duration-header{justify-content:space-between;align-items:center;display:flex}#view-archives .hist-mup-title{font-weight:700;font-size:var(--text-sm)}#view-archives .hist-mup-badge{font-size:var(--text-2xs,10px);border-radius:4px;padding:2px 6px;font-weight:600}#view-archives .hist-mup-badge.is-collapse{color:var(--color-loss,#f76b6b);background:#f76b6b33}#view-archives .hist-mup-badge.is-fragile{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent)}#view-archives .hist-mup-duration-stats{justify-content:space-between;gap:10px;display:flex}#view-archives .hist-mup-col{flex-direction:column;display:flex}#view-archives .hist-mup-lbl{font-size:var(--text-2xs,10px);color:var(--text-muted,#ffffff80)}#view-archives .hist-mup-val{font-weight:600;font-size:var(--text-xs)}@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-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.coaching-title{color:var(--accent);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-text{color:var(--text)}}.replay-ai-coach{--coach-accent:var(--accent,#f0a020);border:1px solid color-mix(in srgb, var(--coach-accent) 38%, var(--border-sub));border-radius:var(--r,12px);background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--coach-accent) 10%, transparent), transparent 45%), var(--surface,#202124);max-width:70rem;margin-inline:auto;padding:clamp(1.1rem,3vw,2rem)}.replay-ai-coach__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.replay-ai-coach__eyebrow{color:var(--coach-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.72rem;font-weight:750}.replay-ai-coach__header h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.replay-ai-coach__signal{color:var(--coach-accent);font-size:2rem}.replay-ai-coach__description,.replay-ai-coach__message{max-width:48rem;color:var(--text-2,#aaa);line-height:1.65}.replay-ai-coach__body{border-top:1px solid var(--border-sub,#ffffff1f);margin-top:1.25rem;padding-top:1rem}.replay-ai-coach__game,.replay-ai-coach__quota{color:var(--text-2,#aaa);font-size:.9rem}.replay-ai-coach__action{margin-top:.35rem}.replay-ai-coach__output{border-left:3px solid var(--coach-accent);background:color-mix(in srgb, var(--coach-accent) 7%, var(--surface,#202124));overflow-wrap:anywhere;border-radius:0 .5rem .5rem 0;min-width:0;margin-top:1rem;padding:1rem 1.1rem;line-height:1.75}.replay-ai-coach__output>:first-child{margin-top:0}.replay-ai-coach__output>:last-child{margin-bottom:0}.replay-ai-coach__output h3{margin:1.2rem 0 .45rem;font-size:1.05rem}.replay-ai-coach__output ul,.replay-ai-coach__output ol{padding-left:1.4rem}.replay-ai-coach__output li+li{margin-top:.35rem}.replay-ai-coach__table-wrap{overscroll-behavior-inline:contain;max-width:100%;margin:1rem 0;overflow-x:auto}.replay-ai-coach__table-wrap table{border-collapse:collapse;text-align:left;width:100%}.replay-ai-coach__table-wrap th,.replay-ai-coach__table-wrap td{border-bottom:1px solid var(--border-sub,#ffffff1f);vertical-align:top;padding:.55rem .7rem}.replay-ai-coach__table-wrap th{color:var(--coach-accent);letter-spacing:.04em;white-space:nowrap;font-size:.78rem}@media (width<=600px){.replay-ai-coach{padding:1rem}.replay-ai-coach__header{align-items:flex-start}.replay-ai-coach__signal{font-size:1.5rem}}.replay-ghost-comparator{margin-top:16px}.ghost-comparator__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ghost-comparator__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent,#6366f1);margin:0 0 4px;font-size:11px;font-weight:700}.ghost-comparator__header h2{margin:0;font-size:20px}.ghost-comparator__signal{opacity:.8;font-size:28px}.ghost-comparator__description{color:var(--text-2,#94a3b8);margin-bottom:20px;font-size:13px}.ghost-notice{border-left:3px solid var(--warn);background:var(--surface,#1e293b);border-radius:4px;margin:0 0 16px;padding:8px 12px;font-size:.875rem;line-height:1.4}.ghost-replay-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.ghost-player-picker,.ghost-benchmark-picker{align-items:center;gap:8px;display:flex}.ghost-picker-label{color:var(--text-2,#94a3b8);font-size:12px;font-weight:600}.ghost-player-btns{gap:6px;display:flex}.ghost-benchmark-select{border-radius:var(--r-sm,6px);background:var(--surface,#1e293b);border:1px solid var(--border,#334155);color:var(--text,#f8fafc);padding:4px 10px;font-size:12px}.ghost-overview-card{margin-bottom:16px}.ghost-overview-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ghost-matchup-tag{text-transform:uppercase;color:var(--accent,#6366f1);letter-spacing:.05em;font-size:11px;font-weight:700}.ghost-benchmark-target{margin:4px 0 0;font-size:16px;font-weight:600}.ghost-rating-wrap{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ghost-rating-label{text-transform:uppercase;color:var(--text-muted,#64748b);font-size:10px;font-weight:600}.ghost-badge{letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.ghost-badge--pro{background:var(--success-bg-soft);color:var(--success);border:1px solid var(--success-border-soft)}.ghost-badge--master{background:color-mix(in oklch, var(--league-master) 15%, transparent);color:var(--league-master);border:1px solid var(--league-master)}.ghost-badge--diamond{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--protoss-text);border:1px solid var(--accent)}.ghost-badge--deficit{background:var(--danger-bg-soft);color:var(--danger);border:1px solid var(--danger-border-soft)}.ghost-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.ghost-metric-item{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:var(--r-sm,6px);flex-direction:column;padding:12px;display:flex}.ghost-metric-label{text-transform:uppercase;color:var(--text-muted,#64748b);font-size:11px;font-weight:600}.ghost-metric-value{margin-top:4px;font-size:18px;font-weight:700}.ghost-card-title{margin:0 0 12px;font-size:15px;font-weight:600}.ghost-milestones-card,.ghost-timeline-card,.ghost-takeaways-card{margin-bottom:16px}.ghost-table{border-collapse:collapse;width:100%;font-size:13px}.ghost-table th,.ghost-table td{text-align:left;border-bottom:1px solid var(--border-sub,#334155);padding:8px 12px}.ghost-table th{text-transform:uppercase;color:var(--text-muted,#64748b);font-size:11px;font-weight:600}.ghost-cell-name{color:var(--text,#f8fafc)}.ghost-cell-time{font-family:var(--font-mono,monospace);font-size:12px}.ghost-cell-ref{color:var(--text-2,#94a3b8)}.ghost-delta--positive{color:var(--success)}.ghost-delta--warning{color:var(--protoss-text)}.ghost-delta--negative{color:var(--danger)}.ghost-delta--neutral{color:var(--text-muted,#64748b)}.ghost-delta-badge{margin-left:4px;font-size:11px;font-weight:600}.ghost-val-player{color:var(--text,#f8fafc);font-weight:600}.ghost-val-ghost{color:var(--text-muted,#64748b)}.ghost-takeaways-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ghost-takeaway-item{border-radius:var(--r-sm,6px);background:var(--surface,#1e293b);border:1px solid var(--border,#334155);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.ghost-takeaway--high{border-left:3px solid var(--danger)}.ghost-takeaway--medium{border-left:3px solid var(--accent)}.ghost-takeaway-icon{font-size:16px;line-height:1.2}.ghost-takeaway-msg{color:var(--text,#f8fafc);font-size:13px;line-height:1.4}.ghost-loading-box,.ghost-error-box{text-align:center;padding:24px}.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}}.chat-message{align-items:baseline;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-sub);display:flex}.chat-message:not(:has(+.chat-message)){border-bottom:none}.chat-time{min-width:6ch;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.chat-player{flex-shrink:0;font-weight:700}.chat-text{overflow-wrap:anywhere;min-width:0}.chat-message--system{opacity:.9;border-radius:var(--r-sm);background:#ffffff08}.chat-message--system .chat-text{color:var(--muted);font-style:italic}.chat-section-divider{border-color:#ffffff1a;margin:15px 0}.chat-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.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:color-mix(in oklch, var(--accent) 5%, transparent);border:1px solid color-mix(in oklch, var(--accent) 20%, transparent);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-progress.is-queued .replay-progress-step:before{background:var(--text-2)}.replay-progress.is-failed{background:var(--danger-bg-subtle);border-color:var(--danger-border-soft)}.replay-progress.is-failed .replay-progress-fill{background:var(--danger)}.replay-progress.is-failed .replay-progress-fill:after,.replay-progress.is-failed .replay-progress-step:before{animation:none}.replay-progress.is-failed .replay-progress-step:before{background:var(--danger)}.replay-progress.is-failed .replay-progress-step{color:var(--danger)}#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):not([aria-disabled=true]){background:var(--surface-hov);border-color:var(--border-hov);color:var(--text)}.btn-rpl-action.compare-run-btn:not(:disabled):not([aria-disabled=true]){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):not([aria-disabled=true]):hover{background:color-mix(in oklch, var(--accent) 22%, transparent);border-color:var(--accent)}.btn-rpl-action.btn-rpl-export-llm{background:color-mix(in oklch, var(--accent) 8%, var(--surface));border-color:color-mix(in oklch, var(--accent) 30%, var(--border));color:var(--text)}.btn-rpl-action.btn-rpl-export-llm:hover:not(:disabled){background:color-mix(in oklch, var(--accent) 18%, var(--surface));border-color:var(--accent);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-public-reset,.btn-rpl-action.replay-history-clear,.btn-rpl-action.compare-reset-btn{min-height:44px}.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}.replay-progress.is-running{animation:panelIn var(--dur-fast) var(--ease-out-quart) both, progressGlow 2.4s ease-in-out infinite}.replay-progress.is-queued .replay-progress-fill{animation:1.6s ease-in-out infinite progressBreathe}.replay-progress.is-failed{animation:progressShake .32s var(--ease-out-quart) both}@keyframes progressGlow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 12%, transparent)}}@keyframes progressBreathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes progressShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@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){#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;min-width:0;padding:16px 24px 40px;display:grid}.app-header{background:var(--menu-bg);border-bottom:1px solid var(--border-sub);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.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;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)}.brand-mark{flex:none;width:40px;height:40px;display:block}.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)}.filter-trigger svg,.header-icon-btn svg{flex-shrink:0;width:16px;height:16px;display:block}#search-filter-panel{background-color:var(--bg);background-image:linear-gradient(var(--menu-bg), var(--menu-bg));border:1px solid var(--border);z-index:1001;min-width:340px;box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:none;position:absolute;top:calc(100% + 6px);right:0}#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;background:var(--surface-faint);border:1px solid var(--border-control);color:var(--text-2);cursor:pointer;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{background:var(--surface-strong);border-color:var(--border-control-hover);color:var(--text)}.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;min-height:44px;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:var(--surface-strong);border:1px solid var(--border-control);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);border:1px solid var(--border-control);cursor:pointer;background:0 0;border-radius:6px;min-height:44px;padding:5px 14px;font-size:11px;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.filter-reset:hover{background:var(--surface-hov);border-color:var(--border-control-hover);color:var(--text)}.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(--accent);border-radius:50%;width:6px;height:6px;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}.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}.lang-help-link{color:var(--text-2);white-space:nowrap;text-underline-offset:3px;min-height:44px;transition:color var(--dur) var(--ease);align-items:center;font-size:11px;font-weight:600;text-decoration:underline;display:inline-flex}.lang-help-link[hidden]{display:none}.lang-help-link:hover{color:var(--text)}.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){.header-actions{gap:8px;margin-left:0}.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}label.rpl-toggle-switch{flex-direction:row;gap:0}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:disabled,button[aria-disabled=true]{opacity:.3;cursor:not-allowed;filter:grayscale();transform:none!important}.btn-primary{background:var(--accent);color:var(--bg-dark);border:none}.btn-primary:hover{color:oklch(12% .004 250);background:oklch(78% .15 75)}#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)}.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[hidden],.context-navigation .nav-link[hidden]{display:none}.app-footer{justify-content:center;gap:var(--sp-1) var(--sp-2);padding:var(--sp-6) var(--sp-4);box-shadow:none;background:0 0;border:0;flex-wrap:wrap;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{grid-template-columns:1fr;gap:12px;margin:16px 0;display:grid}.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{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.lb-advanced-panel.is-open{grid-template-rows:1fr}.lb-advanced-panel>form{overflow:hidden}.public-advanced-panel{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.public-advanced-panel[hidden]{display:none}.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}.public-replay-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);white-space:nowrap;display:flex}.public-replay-report{font-size:var(--text-xs);padding-inline:var(--sp-3)}.public-replay-empty,.history-welcome-card,.signin-prompt{border:1px dashed var(--border-sub);border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.public-replay-empty p,.history-welcome-card p,.signin-prompt p{color:var(--text-2);margin:0}.history-welcome-card{gap:8px;max-width:640px}.history-welcome-card h2{align-items:center;gap:var(--sp-3);margin:0;display:flex}.history-welcome-card .btn-primary{margin-top:8px}.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 label{position:relative}.leaderboard-regions input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.leaderboard-regions input:focus-visible+.region-chip{outline:2px solid var(--accent);outline-offset:2px}.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: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:calc(var(--shell-chrome-height) + 74px)}.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}.tabular{font-variant-numeric:tabular-nums}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:color-mix(in oklch, var(--accent) 7%, transparent)}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;background:color-mix(in oklch, var(--terran) 10%, transparent);color:var(--accent);border-color:var(--accent)}.me-tag{color:var(--accent);background:color-mix(in oklch, var(--terran) 10%, transparent);letter-spacing:.5px;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{background:color-mix(in oklch, var(--terran) 10%, transparent);color:var(--accent);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)}.opp-link{color:var(--accent);font:inherit;font-size:var(--text-sm);text-transform:none;letter-spacing:normal;white-space:normal;text-align:left;background:0 0;border:none;border-radius:0;padding:0}.opp-link:hover{color:var(--text);box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--accent) 50%, transparent);text-decoration-color:color-mix(in oklch, var(--accent) 50%, transparent);background:0 0}.opp-link:active{opacity:.7}.opp-battletag{font-size:var(--text-xs);color:var(--muted);font-weight:400}.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{background:color-mix(in oklch, var(--protoss) 15%, transparent);color:var(--warn)}.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 color-mix(in oklch, var(--accent) 7%, transparent)}.chart-canvas-sm{height:160px}.chart-canvas-md{height:200px}@media (width<=640px){.chart-canvas-sm{height:120px}.chart-canvas-md{height:160px}}.chart-data{color:var(--muted);margin-top:4px;font-size:12px}.chart-data>summary{cursor:pointer;width:fit-content;transition:color var(--dur-fast) ease-out;padding:4px 0}.chart-data>summary:hover,.chart-data[open]>summary{color:var(--text)}.chart-data>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chart-data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;max-height:240px;color:var(--text);margin-top:4px;display:block;overflow:auto}.chart-data-table caption{text-align:left;color:var(--muted);padding-bottom:4px}.chart-data-table th,.chart-data-table td{text-align:right;border-bottom:1px solid var(--border-sub);white-space:nowrap;padding:4px 8px}.chart-data-table th[scope=row],.chart-data-table thead th:first-child{text-align:left}.chart-data-table thead th{background:var(--bg-dark);position:sticky;top:0}#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}.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-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}.my-profile-panel{gap:var(--sp-5);border-color:color-mix(in srgb, var(--accent) 42%, var(--border-sub));background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 8%, transparent), transparent 60%), 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{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=860px){.my-profile-hero-grid,.my-history-kpis{grid-template-columns:repeat(2,1fr)}}.my-profile-major,.my-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,.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{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(--text);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 var(--border);border-radius:var(--r-pill);color:var(--text);overflow-wrap:anywhere;background:#ffffff08;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 var(--border-sub);border-radius:var(--r);background:#ffffff05;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 var(--border-sub);border-radius:var(--r);background:#ffffff05;display:grid}.account-player-history{min-height:42px}.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-text)}.race-zerg{color:var(--zerg-text)}.race-protoss{color:var(--protoss-text)}.race-random{color:var(--random-text)}.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}.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}.lb-player-action{width:100%;min-height:44px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.lb-player-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#toast{z-index:9999;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;visibility:hidden;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;visibility:visible;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]{border-color:color-mix(in oklch, var(--terran) 40%, transparent);color:var(--accent)}.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{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.race-badge-text{color:inherit}.race-badge-img--terran{color:var(--terran-text);border-color:color-mix(in oklch, var(--terran) 30%, transparent);background:color-mix(in oklch, var(--terran) 8%, transparent)}.race-badge-img--zerg{color:var(--zerg-text);background:#b560ff14;border-color:#b560ff4d}.race-badge-img--protoss{color:var(--protoss-text);border-color:color-mix(in oklch, var(--protoss) 30%, transparent);background:color-mix(in oklch, var(--protoss) 8%, transparent)}.race-badge-img--random{color:var(--random-text);border-color:color-mix(in oklch, var(--accent) 30%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}.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}.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:color-mix(in oklch, var(--terran) 10%, transparent);border-color:color-mix(in oklch, var(--terran) 20%, transparent)}.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;background:color-mix(in oklch, var(--terran) 10%, transparent);border-color:var(--accent);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);background:color-mix(in oklch, var(--terran) 10%, transparent);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);letter-spacing:1px;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:800}.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}.btn-auth-submit:hover{background:oklch(78% .15 75)}.auth-legal-notice{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.6}.auth-age-confirmation{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.auth-age-confirmation input{accent-color:var(--accent);flex:none;margin-top:2px}.auth-legal-notice a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.auth-footer{border-top:1px solid var(--border-sub);margin-top:30px;padding-top:20px}.btn-auth-toggle{color:var(--accent);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}.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}.identity-tag{width:fit-content;max-width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);overflow-wrap:anywhere;background:#ffffff08;font-weight:700;display:inline-block}.identity-help{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.4}.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:var(--text);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}.account-published-replays{margin-top:var(--sp-4)}.account-published-replays h4{margin:0 0 var(--sp-2)}.account-published-replays [hidden]{display:none}.account-published-replays-list{margin:0;padding:0;list-style:none}.account-published-replay{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--border);display:flex}.account-published-replay div{gap:var(--sp-1);min-width:0;display:grid}.account-published-replay span{color:var(--muted);font-size:var(--text-sm)}.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}.account-data-export{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-sub);gap:var(--sp-2);display:grid}.account-data-export strong{font-size:var(--text-sm)}.account-data-export p,.account-data-export label{font-size:var(--text-xs);color:var(--muted);margin:0}.account-data-export a{width:fit-content;font-size:var(--text-xs)}.account-data-export-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.account-data-export-actions input{flex:1;min-width:10rem}.account-data-export-actions button:disabled{opacity:.5;cursor:wait}.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-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-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-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-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)}@media (width<=640px){.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{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-too-small{background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);color:var(--accent);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);border:1px solid color-mix(in oklch, var(--terran) 30%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3px;min-width:44px;min-height:44px;padding:2px 8px;font-size:10px;display:none}.heatmap-zoom-indicator.active{display:inline-block}.heatmap-zoom-indicator:hover{background:var(--accent-dim)}.heatmap-tooltip{pointer-events:none;border:1px solid color-mix(in oklch, var(--terran) 35%, transparent);font-size:11px;font-family:var(--font-mono);white-space:nowrap;z-index:10;box-shadow:var(--shadow-sm);background:#040508eb;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;display:flex;position:absolute}.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:color-mix(in oklch, var(--terran) 40%, transparent)}.heatmap-tooltip .tt-unit{color:var(--od-accent)}.heatmap-tooltip .tt-time{color:var(--text-muted)}.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)}}.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[data-share=""]{cursor:default}.compact-replay-item[data-share=""]:hover{border-color:var(--border-subtle);background:#ffffff08;transform:none}.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);background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 25%, transparent);vertical-align:middle;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}.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-league-chip{letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.62em;font-weight:600;display:inline-block}.lb-league-chip--gm{background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--protoss-text);border:1px solid color-mix(in oklch, var(--accent) 40%, transparent)}.lb-league-chip--master{background:color-mix(in oklch, var(--terran) 14%, transparent);color:var(--terran-text);border:1px solid color-mix(in oklch, var(--terran) 40%, transparent)}.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);width:90%;max-width:480px;box-shadow:var(--shadow-float);text-align:center;border-radius:16px;flex-direction:column;padding:clamp(32px,6vw,64px);display:flex}.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}.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)}: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)}.lb-row{min-height:44px}.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)}#watchlist-content{min-width:0}.watch-table-wrap{overflow-x:auto}.watch-table th,.watch-table td{white-space:nowrap}.watch-row:hover td{background:var(--surface-faint)}.watch-player-cell{align-items:center;gap:9px;min-width:0;display:flex}.watch-player-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text);font-size:var(--text-sm);display:block;overflow:hidden}.watch-player-cell small{color:var(--muted);margin-top:1px;font-size:10px;display:block}.watch-race-dot{border-radius:var(--r-pill);background:var(--watch-race,var(--border));opacity:.85;flex-shrink:0;width:7px;height:28px}.watch-actions-head{text-align:right}.watch-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.watch-open{background:var(--surface);border:1px solid var(--border);min-height:34px;color:var(--text);padding:6px 10px}.watch-open:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.delta-badge{border-radius:var(--r-pill);font-variant-numeric:tabular-nums;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.delta-badge.pos{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success)}.delta-badge.neg{background:color-mix(in oklch, var(--danger) 15%, transparent);color:var(--danger)}.delta-badge.neu{background:var(--surface);color:var(--muted)}.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{top:var(--sp-2);left:var(--sp-3);transform:translateY(calc(-100% - var(--sp-3)));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}.skip-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(0)}#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-matchup-matrix--team{gap:var(--sp-5) var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.training-matchup-matrix--team .training-matrix-cells{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.training-matchup-matrix--team .training-matrix-cell{min-width:0;max-width:none}@media (width<=1100px){.training-matchup-matrix--team .training-matrix-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.training-matchup-matrix--team{grid-template-columns:1fr}.training-matchup-matrix--team .training-matrix-cells{grid-template-columns:repeat(3,minmax(0,1fr))}}.training-mode-badge{background:color-mix(in oklch, var(--terran) 15%, transparent);color:var(--mineral);letter-spacing:.05em;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-block}.training-mode-badge--team{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent)}.training-chip--team-inactive{background:color-mix(in oklch, var(--accent) 8%, transparent);border-color:color-mix(in oklch, var(--accent) 30%, transparent);color:var(--text-2)}.training-chip--team-inactive:hover{background:color-mix(in oklch, var(--accent) 18%, transparent);border-color:color-mix(in oklch, var(--accent) 50%, transparent);color:var(--accent)}.training-chip--team{border-color:color-mix(in oklch, var(--accent) 50%, transparent)}.training-chip--team.training-chip--active{background:color-mix(in oklch, var(--accent) 20%, transparent);border-color:var(--accent);color:var(--accent)}.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}.help-bubble{z-index:10000;max-width:min(280px,100vw - 16px);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-hov);background:var(--bg-dark);box-shadow:var(--shadow-md);color:var(--text);font-family:var(--font-body);pointer-events:none;border-radius:6px;font-size:12px;line-height:1.45;position:fixed}.help-bubble[hidden]{display:none}.help-icon{width:16px;height:16px;min-height:0;margin-left:var(--sp-2);border:1px solid var(--border-hov);box-shadow:none;color:var(--muted);font:italic 700 10px/1 var(--font-body);vertical-align:middle;cursor:help;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.help-icon:hover,.help-icon:focus-visible{color:var(--accent);border-color:var(--accent)}.action-menu{display:inline-flex;position:relative}.action-menu__trigger{justify-content:center;min-width:36px}.action-menu__list{z-index:800;background:var(--menu-bg);border:1px solid var(--border-control);border-radius:var(--r);min-width:220px;box-shadow:var(--shadow-md);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.action-menu__list [role=menuitem]{border-radius:var(--r-sm);width:100%;min-height:40px;color:var(--text);text-align:left;font:600 13px var(--font-body);text-transform:none;letter-spacing:0;box-shadow:none;white-space:normal;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;text-decoration:none;display:flex}.action-menu__list [role=menuitem]:is(:hover,:focus-visible){background:var(--surface-hov)}.action-menu__hint{color:var(--muted);font-size:var(--text-xs);font-weight:400}:root{--shell-rail-width:220px;--shell-topbar-height:48px;--shell-subnav-height:0px;--shell-bottombar-height:0px;--shell-chrome-height:calc(var(--shell-topbar-height) + var(--shell-subnav-height))}:root:has(.app-shell[data-rail=collapsed]){--shell-rail-width:56px}:root:has(.app-shell[data-rail=hidden]){--shell-rail-width:0px;--shell-bottombar-height:64px}:root:has(.app-shell:not([data-rail=expanded]) #context-navigation:not([hidden])){--shell-subnav-height:48px}.app-shell{grid-template-columns:var(--shell-rail-width) minmax(0, 1fr);min-height:100dvh;display:grid}.app-content{flex-direction:column;grid-column:2;min-width:0;min-height:100dvh;display:flex}.app-rail{z-index:900;gap:var(--sp-4);height:100dvh;padding:var(--sp-4) var(--sp-3);background:var(--bg-dark);border-right:1px solid var(--border-sub);flex-direction:column;grid-area:1/1;display:flex;position:sticky;top:0;overflow-y:auto}.app-rail .app-brand{gap:var(--sp-3);min-height:40px;padding:0 var(--sp-3)}.brand-mark{width:28px;height:28px;display:none}.app-rail .primary-navigation,.app-rail .context-navigation{align-items:stretch;gap:var(--sp-1);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.app-rail .context-navigation{padding-left:var(--sp-6);border-left:1px solid var(--border-sub);margin-left:var(--sp-5)}.app-rail .context-navigation[hidden]{display:none}.app-rail .nav-link{justify-content:flex-start;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-4);letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.app-rail .nav-link[aria-current=page]{box-shadow:inset 2px 0 0 var(--accent);border-color:#0000}.nav-icon{flex:none;width:18px;height:18px}.app-rail .nav-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.rail-toggle{align-items:center;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-4);border-radius:var(--r);color:var(--muted);font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:0;margin-top:auto;font-size:13px;display:flex}.rail-toggle:hover{color:var(--text);background:var(--surface-hov)}.rail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-toggle[hidden]{display:none}.app-shell[data-rail=collapsed] .app-rail{padding-inline:var(--sp-2);align-items:center;overflow:visible}.app-shell[data-rail=collapsed] .app-rail .nav-label,.app-shell[data-rail=collapsed] .app-rail .brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell[data-rail=collapsed] .brand-mark{display:inline-flex}.app-shell[data-rail=collapsed] .app-rail .app-brand{justify-content:center;padding:0}.app-shell[data-rail=collapsed] .app-rail .nav-link--primary,.app-shell[data-rail=collapsed] .rail-toggle{justify-content:center;width:44px;padding:0;position:relative}.app-shell[data-rail=collapsed] .rail-toggle-icon{transform:rotate(180deg)}.app-shell[data-rail=collapsed] .app-rail .nav-link--primary:is(:hover,:focus-visible):after{content:attr(data-tooltip);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--menu-bg);color:var(--text);white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.app-shell:not([data-rail=expanded]) .context-navigation:not([hidden]){top:var(--shell-topbar-height);left:var(--shell-rail-width);z-index:890;height:var(--shell-subnav-height);padding:0 var(--sp-4);border-left:0;border-bottom:1px solid var(--border-sub);background:var(--menu-bg);flex-direction:row;align-items:center;margin:0;position:fixed;right:0;overflow-x:auto}.app-shell:not([data-rail=expanded]) .context-navigation .nav-link{padding-inline:var(--sp-4);flex:none}.app-content>.app-header{z-index:1000;height:var(--shell-topbar-height);padding:0 var(--sp-5);align-items:center;display:flex;position:sticky;top:0}.app-shell .header-layout{gap:var(--sp-4);width:100%;max-width:none;margin:0}.palette-trigger{align-items:center;gap:var(--sp-3);min-width:0;max-width:520px;min-height:36px;padding:0 var(--sp-4);border:1px solid var(--border-control);border-radius:var(--r);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex:1;margin-inline:auto;font-size:13px;display:flex}.palette-trigger:hover{border-color:var(--border-control-hover);background:var(--surface-hov);color:var(--text-2)}.palette-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.palette-trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette-trigger kbd,.command-palette kbd{border:1px solid var(--border-control);border-radius:var(--r-sm);color:var(--muted);font-family:var(--font-mono,monospace);padding:2px 6px;font-size:11px}.app-content>main{padding-top:calc(var(--shell-subnav-height) + 16px);padding-bottom:calc(var(--shell-bottombar-height) + 40px);flex:1}.app-content>.app-footer{padding-bottom:calc(var(--shell-bottombar-height) + var(--sp-6))}.view-panel--legacy-width{width:100%;max-width:none;margin-inline:0}.profile-toolbar{justify-content:flex-end;display:flex;position:relative}.profile-toolbar[hidden]{display:none}.app-shell[data-rail=hidden] .app-rail{height:auto;padding:var(--sp-1) var(--sp-2) max(var(--sp-1), env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border-sub);flex-direction:row;position:fixed;inset:auto 0 0;overflow:visible}.app-shell[data-rail=hidden] .app-brand,.app-shell[data-rail=hidden] .rail-toggle{display:none}.app-shell[data-rail=hidden] .primary-navigation{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-shell[data-rail=hidden] .primary-navigation .nav-link{min-width:0;min-height:52px;padding:0 var(--sp-1);flex-direction:column;justify-content:center;gap:2px;font-size:10px}.app-shell[data-rail=hidden] .primary-navigation .nav-label{text-align:center;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;max-width:100%;line-height:1.15;display:-webkit-box;overflow:hidden}.app-shell[data-rail=hidden] .primary-navigation .nav-link[aria-current=page]{box-shadow:inset 0 2px 0 var(--accent)}.app-shell~.cookie-consent-banner{left:var(--shell-rail-width)}.app-shell[data-rail=hidden]~.cookie-consent-banner{bottom:var(--shell-bottombar-height)}@media (width<=639px){.app-content>.app-header{padding:0 var(--sp-3)}.palette-trigger{min-height:44px}.palette-trigger kbd{display:none}}.command-palette[hidden]{display:none}.command-palette{z-index:9600;padding:12vh var(--sp-5) var(--sp-5);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.command-palette-backdrop{background:oklch(10% 0 0/.6);position:absolute;inset:0}.command-palette-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--menu-bg);width:min(640px,100%);max-height:70vh;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.command-palette-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-sub);display:flex}.command-palette-head select{width:auto;min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border-control);border-radius:var(--r);background:var(--surface);color:var(--text);font:inherit;flex:none;font-size:12px}.command-palette-head input{width:auto;min-width:0;min-height:40px;padding:0 var(--sp-2);color:var(--text);font:inherit;background:0 0;border:0;flex:1;font-size:15px}.command-palette-head input:focus,.command-palette-head input:focus-visible{box-shadow:none;background:0 0;border:0;outline:none}.command-palette-head select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.command-palette-list{padding:var(--sp-2);overflow-y:auto}.palette-group{padding:var(--sp-3) var(--sp-3) var(--sp-2);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.palette-option{align-items:center;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r);color:var(--text-2);cursor:pointer;display:flex}.palette-option[aria-selected=true]{background:var(--accent-dim);color:var(--text)}.palette-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.palette-option-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.palette-claim{border:1px solid var(--border-control);border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;flex:none}.palette-option-meta+.palette-claim{margin-left:var(--sp-2)}.palette-option-label+.palette-claim{margin-left:auto}.palette-claim:hover{color:var(--accent);border-color:var(--accent)}.command-palette-status{padding:var(--sp-3) var(--sp-5);color:var(--muted);margin:0;font-size:13px}.command-palette-status:empty{display:none}body.palette-open{overflow:hidden}@media (width<=639px){.command-palette{padding:0}.command-palette-panel{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}}@media (prefers-reduced-motion:reduce){.rail-toggle,.palette-trigger{transition:none}}.auth-container--account{gap:var(--sp-5);max-width:none;padding:var(--sp-5) var(--sp-6);text-align:left;margin:0;display:grid}.acct-panel,.acct-hero{border:1px solid var(--border-sub);border-radius:var(--r);background:var(--bg-card);min-width:0}.acct-hero{align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);flex-wrap:wrap;display:flex}.acct-hero-main{gap:var(--sp-2);flex:320px;min-width:0;display:grid}.acct-hero-ident{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.acct-hero-ident h2{margin:0;font-size:22px;line-height:1.1}.acct-email-val{min-width:0;color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-identity{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.acct-identity-label,.acct-link-profiles-label,.acct-tracking-label{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.acct-identity .identity-tag{padding:2px var(--sp-3);font-size:var(--text-sm)}.acct-identity.is-linked .identity-tag{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-sub));color:var(--accent)}.acct-identity-remove{min-height:28px;padding:2px var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-xs);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);background:0 0}.acct-identity-remove:hover{border-color:var(--danger);color:var(--danger)}.acct-hero-kpis{align-items:center;gap:var(--sp-6);flex-shrink:0;display:flex}.acct-cols{gap:var(--sp-5);grid-template-columns:minmax(320px,2fr) minmax(0,3fr);align-items:start;display:grid}.acct-panel{padding:var(--sp-4) var(--sp-5)}.acct-panel-head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-sub);display:flex}.acct-panel-head h3{font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;margin:0}.acct-panel-note{margin:var(--sp-3) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.acct-profile-btns{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.acct-link-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-sub);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.acct-link-icon{border-radius:var(--r);color:#fff;place-items:center;width:32px;height:32px;display:grid}.acct-link-icon svg{width:18px;height:18px}.acct-link-row[data-provider=battlenet] .acct-link-icon{background:#148eff}.acct-link-row[data-provider=twitch] .acct-link-icon{background:#9146ff}.acct-link-row:not(.is-linked) .acct-link-icon{opacity:.55}.acct-link-text{gap:2px;min-width:0;display:grid}.acct-link-text strong{font-size:var(--text-sm)}.account-link-name{color:var(--text-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-link-status,.acct-link-hint{color:var(--muted);font-size:var(--text-xs)}.acct-link-hint{grid-column:2/-1}.acct-link-row .profile-action-secondary{white-space:nowrap}.acct-link-profiles{gap:var(--sp-2);padding:var(--sp-3) 0 var(--sp-3) calc(32px + var(--sp-3));border-bottom:1px solid var(--border-sub);display:grid}.acct-profile-list{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.acct-profile-item{border:1px solid var(--border-sub);border-radius:var(--r-sm);align-items:stretch;display:inline-flex;overflow:hidden}.acct-profile-item.is-main{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.acct-profile-chip,.acct-profile-set-main{min-height:32px;padding:6px var(--sp-3);color:var(--text);font:inherit;font-size:var(--text-xs);letter-spacing:normal;text-transform:none;cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:0;font-weight:600}.acct-profile-chip:hover,.acct-profile-set-main:hover{background:#ffffff0d}.acct-profile-set-main,.acct-profile-main{padding:6px var(--sp-2);border-left:1px solid var(--border-sub);color:var(--muted)}.acct-profile-main{color:var(--accent);font-size:var(--text-xs);align-items:center;display:inline-flex}.acct-profile-set-main:hover{color:var(--accent)}.acct-col{gap:var(--sp-5);min-width:0;display:grid}.acct-pair{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.account-privacy-toggle .toggle-label{color:var(--text);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;flex-direction:row;font-weight:400}.account-privacy-toggle .toggle-label-text strong{font-weight:600}.acct-panel .account-data-export{border:0;margin:0;padding:0}.acct-panel .account-data-export .acct-panel-head{margin-bottom:var(--sp-1)}.acct-panel .account-data-export a{color:var(--accent)}.acct-session{gap:var(--sp-3);display:grid}.acct-session .acct-panel-head{margin-bottom:0}.acct-session .account-actions-note{margin:0}.acct-session .btn-logout{justify-self:start}.acct-security .acct-panel-head{margin-bottom:var(--sp-3)}.acct-security h4{font-size:var(--text-sm);margin:0}.acct-security .account-data-export{align-content:start}.acct-security .account-data-export button{justify-self:start}.acct-security .account-data-export button:disabled{opacity:.5;cursor:wait}.acct-security .acct-danger h4{color:var(--danger)}.acct-tracking{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}@media (width<=1280px){.acct-pair{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){.acct-cols{grid-template-columns:minmax(0,1fr)}.acct-col{display:contents}.acct-links{order:1}.acct-right{order:2}.account-privacy-panel{order:3}.acct-pair{order:4}}@media (width<=640px){.auth-container--account{padding:var(--sp-4) var(--sp-3)}.acct-hero,.acct-panel{padding:var(--sp-4)}.acct-hero-kpis{width:100%;padding-top:var(--sp-3);border-top:1px solid var(--border-sub);justify-content:space-around}.acct-link-profiles{padding-left:0}}#view-dashboard #output{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}#view-dashboard #output>.card,#view-dashboard #output .profile-grid>.card{background:var(--profile-card-bg);border-color:color-mix(in oklch, var(--border-sub) 75%, var(--accent) 25%);box-shadow:0 8px 24px oklch(0% 0 0/.16)}#view-dashboard #output>.card:hover,#view-dashboard #output .profile-grid>.card:hover{background:var(--profile-card-bg);border-color:color-mix(in oklch, var(--border-sub) 55%, var(--accent) 45%);box-shadow:0 10px 28px oklch(0% 0 0/.2)}.profile-tabs-row{top:var(--shell-chrome-height);z-index:600;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;background:var(--bg);flex-wrap:wrap;display:flex;position:sticky}.profile-tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.profile-tab{border-radius:var(--r-pill);min-height:40px;color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .12s var(--ease), background-color .12s var(--ease), border-color .12s var(--ease);background:0 0;border:1px solid #0000;padding:8px 14px;font-size:11px;font-weight:700}.profile-tab:hover{color:var(--text-2)}.profile-tab.is-active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.profile-tabs-tools{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.profile-tabs-tools .profile-mode-filter{align-items:center;gap:var(--sp-2);flex-direction:row}.profile-tabs-tools select{width:auto}.profile-toolbar-slot .profile-toolbar{margin:0;position:static}.profile-panel{gap:var(--sp-4);display:grid}.profile-grid{gap:var(--sp-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.profile-grid--auto{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.profile-grid>*{min-width:0;margin:0}.profile-grid--auto>.chart-grid-top{display:contents}.profile-grid--auto .alerts-list{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (width>=1280px){.profile-grid--auto{grid-auto-flow:dense}.profile-grid--auto>.chart-grid-top>.smart-alerts-card{grid-area:span 2/span 2}}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.profile-card{padding:var(--sp-4);margin:0}.profile-card h3{margin:0 0 var(--sp-3)}.profile-card--empty .chart-canvas,.chart-canvas.is-empty{height:auto;min-height:0}.profile-list,.profile-matchup-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.profile-recent-match,.profile-map-row,.profile-matchup-list li{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border-sub);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto auto;padding:6px 0;display:grid}.profile-map-row{grid-template-columns:minmax(0,1fr) auto}.profile-recent-map,.profile-recent-opp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-recent-opp{color:var(--muted)}.profile-result{font-weight:800}.profile-result.is-win{color:var(--success)}.profile-result.is-loss{color:var(--danger)}.profile-insight-line{margin:var(--sp-3) 0 0;color:var(--text-2);font-size:var(--text-sm)}.profile-form-strip{margin-top:var(--sp-3);align-items:center;gap:3px;display:flex}.profile-form-dot{background:var(--border-sub);border-radius:2px;width:10px;height:10px}.profile-form-dot.is-win{background:var(--success)}.profile-form-dot.is-loss{background:var(--danger)}.profile-form-total{margin-left:var(--sp-2);color:var(--muted);font-size:var(--text-xs)}.profile-link-btn{margin-top:var(--sp-3);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0}.profile-card-switch{margin-bottom:var(--sp-3);gap:4px;display:inline-flex}.profile-card-switch button{min-height:32px;padding:4px var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-xs);cursor:pointer;background:0 0}.profile-card-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#season-history-card>h3{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=960px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-grid>[class*=span-]{grid-column:auto}.profile-tabs-tools{margin-left:0}}.scouting-dossier-wrapper{gap:var(--sp-4);flex-direction:column;display:flex}.scouting-hero-card{justify-content:space-between;align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--profile-card-bg);border:1px solid var(--border-sub);border-radius:var(--radius-md,8px);flex-wrap:wrap;display:flex}.scouting-hero-main{gap:var(--sp-2);flex-direction:column;display:flex}.scouting-hero-title{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.scouting-hero-title h2{font-size:var(--text-xl,1.25rem);margin:0}.scouting-race-badge,.scouting-league-badge,.scouting-mmr-badge{font-size:var(--text-xs,.75rem);border-radius:var(--radius-sm,4px);background:color-mix(in oklch, var(--panel-surface-strong) 80%, var(--accent) 20%);border:1px solid var(--border-sub);color:var(--text);padding:2px 8px;font-weight:600}.scouting-sample-summary{align-items:center;gap:var(--sp-3);font-size:var(--text-sm,.875rem);color:var(--muted);display:flex}.scouting-winrate-tag{color:var(--text-bright,#fff);font-weight:600}.scouting-matchup-filter{background:color-mix(in oklch, var(--panel-surface-strong) 90%, black 10%);border-radius:var(--radius-sm,6px);border:1px solid var(--border-sub);gap:6px;padding:4px;display:inline-flex}.scouting-filter-pill{font-size:var(--text-xs,.75rem);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-weight:500;transition:all .15s}.scouting-filter-pill.is-active,.scouting-filter-pill:hover{background:var(--accent);color:var(--btn-text)}.scouting-threat-box{gap:var(--sp-3);flex-direction:column;display:flex}.scouting-threat-badge{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:color-mix(in oklch, var(--panel-surface-strong) 85%, var(--danger) 15%);border:1px solid color-mix(in oklch, var(--border-sub) 70%, var(--danger) 30%);border-radius:var(--radius-sm,6px);display:flex}.threat-icon{font-size:1.5rem}.threat-text{flex-direction:column;gap:2px;display:flex}.threat-text strong{font-size:var(--text-sm,.875rem);color:var(--text-bright,#fff)}.threat-text span{font-size:var(--text-xs,.75rem);color:var(--muted)}.scouting-brackets-list{flex-direction:column;gap:8px;display:flex}.scouting-bracket-row{align-items:center;gap:var(--sp-2);font-size:var(--text-xs,.75rem);border-radius:4px;grid-template-columns:90px 1fr 100px;padding:4px 6px;display:grid}.scouting-bracket-row.is-peak-danger{background:color-mix(in oklch, var(--panel-surface-strong) 80%, var(--danger) 20%);border-left:3px solid var(--danger)}.scouting-bracket-bar-track{background:color-mix(in oklch, var(--panel-surface-strong) 70%, black 30%);border-radius:3px;height:6px;overflow:hidden}.scouting-bracket-bar-fill{background:var(--accent);border-radius:3px;height:100%}.scouting-bracket-row.is-peak-danger .scouting-bracket-bar-fill{background:var(--danger)}.scouting-bracket-stats{text-align:right;font-family:var(--font-mono,monospace)}.scouting-bracket-stats.is-high-winrate strong{color:var(--success)}.scouting-bracket-stats.is-low-winrate strong{color:var(--danger)}.scouting-openings-box{gap:var(--sp-3);flex-direction:column;display:flex}.scouting-stat-highlight{padding:var(--sp-2) var(--sp-3);background:color-mix(in oklch, var(--panel-surface-strong) 90%, black 10%);border-radius:var(--radius-sm,6px);border:1px solid var(--border-sub);justify-content:space-between;align-items:center;display:flex}.stat-highlight-label{font-size:var(--text-xs,.75rem);color:var(--muted)}.stat-highlight-val{font-size:var(--text-base,1rem);font-weight:700;font-family:var(--font-mono,monospace);color:var(--accent)}.scouting-openings-list{flex-direction:column;gap:8px;display:flex}.scouting-opening-row{flex-direction:column;gap:4px;display:flex}.scouting-opening-header{font-size:var(--text-xs,.75rem);justify-content:space-between;display:flex}.scouting-opening-bar-track{background:color-mix(in oklch, var(--panel-surface-strong) 70%, black 30%);border-radius:3px;height:6px;overflow:hidden}.scouting-opening-bar-fill{background:var(--accent);border-radius:3px;height:100%}.scouting-macro-box{gap:var(--sp-3);flex-direction:column;display:flex}.scouting-playstyle-banner{padding:var(--sp-2) var(--sp-3);background:color-mix(in oklch, var(--panel-surface-strong) 85%, var(--accent) 15%);border-radius:var(--radius-sm,6px);border:1px solid color-mix(in oklch, var(--border-sub) 70%, var(--accent) 30%);text-align:center}.playstyle-tag{font-size:var(--text-sm,.875rem);color:var(--text-bright,#fff);font-weight:600}.scouting-macro-metrics{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.scouting-metric-tile{padding:var(--sp-3);background:color-mix(in oklch, var(--panel-surface-strong) 92%, black 8%);border:1px solid var(--border-sub);border-radius:var(--radius-sm,6px);flex-direction:column;align-items:center;gap:4px;display:flex}.metric-label{font-size:var(--text-xs,.75rem);color:var(--muted)}.metric-value{font-size:var(--text-lg,1.125rem);font-weight:700;font-family:var(--font-mono,monospace);color:var(--text-bright,#fff)}.scouting-h2h-box{padding:var(--sp-4);justify-content:center;align-items:center;height:100%;display:flex}.scouting-h2h-score{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.h2h-record{align-items:baseline;gap:var(--sp-3);display:flex}.h2h-record strong{font-size:var(--text-2xl,1.5rem);font-family:var(--font-mono,monospace);color:var(--text-bright,#fff)}.h2h-record span{font-size:var(--text-sm,.875rem);color:var(--accent);font-weight:600}.h2h-meta{font-size:var(--text-xs,.75rem);color:var(--muted)}.scouting-tips-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.scouting-tip-card{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:color-mix(in oklch, var(--panel-surface-strong) 92%, black 8%);border:1px solid var(--border-sub);border-radius:var(--radius-sm,6px);flex-direction:column;display:flex}.scouting-tip-card.tip-allin_warning{border-color:color-mix(in oklch, var(--border-sub) 60%, var(--danger) 40%);background:color-mix(in oklch, var(--panel-surface-strong) 85%, var(--danger) 15%)}.scouting-tip-card.tip-greed_punish,.scouting-tip-card.tip-timing_threat{border-color:color-mix(in oklch, var(--border-sub) 60%, var(--accent) 40%);background:color-mix(in oklch, var(--panel-surface-strong) 85%, var(--accent) 15%)}.tip-header{align-items:center;gap:var(--sp-2);display:flex}.tip-icon{font-size:1.25rem}.tip-title{font-size:var(--text-sm,.875rem);color:var(--text-bright,#fff)}.tip-desc{font-size:var(--text-xs,.75rem);color:var(--muted);margin:0;line-height:1.4}.scouting-loading,.scouting-empty-card,.scouting-error-card{padding:var(--sp-6);text-align:center}.profile-aligulac-slot:empty{display:none}.aligulac-badge{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);background:color-mix(in oklch, var(--panel-surface-strong,#1e2330) 88%, var(--accent) 12%);border:1px solid color-mix(in oklch, var(--border-sub) 70%, var(--accent) 30%);border-radius:var(--radius-sm,6px);color:var(--text);width:fit-content;padding:3px 8px;font-size:.8125rem;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.aligulac-badge:hover{background:color-mix(in oklch, var(--panel-surface-strong,#1e2330) 75%, var(--accent) 25%);border-color:var(--accent)}.aligulac-logo{letter-spacing:.05em;color:var(--accent);text-transform:uppercase;background:color-mix(in oklch, var(--accent) 18%, transparent);border-radius:3px;padding:1px 5px;font-size:.7rem;font-weight:700}.aligulac-rating{color:var(--text-bright,#fff);align-items:baseline;gap:3px;font-weight:600;display:inline-flex}.aligulac-rating small{opacity:.75;font-size:.7rem;font-weight:400}.aligulac-matchups{border-left:1px solid var(--border-sub);gap:6px;margin-left:4px;padding-left:6px;display:inline-flex}.aligulac-mu{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--muted)}.aligulac-mu strong{color:var(--text);font-weight:600}.aligulac-icon{opacity:.6;align-items:center;margin-left:2px;display:inline-flex}.aligulac-badge:hover .aligulac-icon{opacity:1}#view-dashboard #output{--hud-gold:var(--accent);--hud-frame:color-mix(in oklch, var(--accent) 50%, transparent);--hud-hair:color-mix(in oklch, var(--accent) 20%, transparent);--hud-bg:oklch(13.5% .012 75);--hud-panel:oklch(15.5% .01 75/.94);--hud-ink:oklch(95% .012 85);--hud-dim:oklch(72% .035 80);--hud-cut:18px;--hud-display:"Unbounded", var(--font-display);--hud-mono:"Martian Mono", var(--font-mono);--hud-ease:cubic-bezier(.16, 1, .3, 1)}[data-theme=light] #view-dashboard #output{--hud-frame:color-mix(in oklch, var(--accent) 55%, transparent);--hud-hair:oklch(30% .015 250/.13);--hud-bg:oklch(100% 0 0);--hud-panel:oklch(100% 0 0);--hud-ink:oklch(22% .005 250);--hud-dim:oklch(44% .008 250)}.profile-hero{--hero-tone:var(--accent);z-index:1;color:var(--hud-ink);margin:0;padding:16px 22px;position:relative;overflow:visible;container:profile-hero/inline-size}.profile-hero:has(.action-menu__list:not([hidden])){z-index:700}.profile-hero[data-race=terran]{--hero-tone:var(--terran)}.profile-hero[data-race=zerg]{--hero-tone:var(--zerg)}.profile-hero[data-race=protoss]{--hero-tone:var(--protoss)}.profile-hero[data-race=random]{--hero-tone:var(--random)}#view-dashboard #output>.profile-hero,#view-dashboard #output>.profile-hero:hover{box-shadow:none;background:0 0;border:0;border-radius:0}.profile-hero:before,.profile-hero:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--hud-cut) 0, 100% 0, 100% calc(100% - var(--hud-cut)), calc(100% - var(--hud-cut)) 100%, 0 100%, 0 var(--hud-cut));position:absolute}.profile-hero:before{background:var(--hud-frame);inset:0}.profile-hero:after{background: linear-gradient(var(--hud-gold), var(--hud-gold)) top right / 18px 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) top right / 2px 18px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom left / 18px 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom left / 2px 18px no-repeat,  repeating-linear-gradient(0deg, color-mix(in oklch, var(--hud-gold) 3.5%, transparent) 0 1px, transparent 1px 3px),  radial-gradient(55% 140% at 0% 0%, color-mix(in oklch, var(--hero-tone) 15%, transparent), transparent 70%), var(--hud-bg);inset:1px}.profile-hero-layout{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity figures actions";align-items:center;gap:14px 28px;display:grid}.profile-hero-identity{grid-area:identity;align-items:center;gap:18px;min-width:0;display:flex}.profile-hero-crest{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:color-mix(in oklch, var(--hero-tone) 70%, transparent);flex:none;place-items:center;width:64px;height:56px;display:grid;position:relative}.profile-hero-crest:before{content:"";clip-path:inherit;background:radial-gradient(circle at 50% 35%, color-mix(in oklch, var(--hero-tone) 30%, transparent), transparent 75%), var(--hud-bg);position:absolute;inset:1.5px}.profile-hero-race{object-fit:contain;width:34px;height:34px;filter:drop-shadow(0 0 8px color-mix(in oklch, var(--hero-tone) 55%, transparent));position:relative}.profile-hero-main{gap:6px;min-width:0;display:grid}.profile-hero-kicker{color:var(--hud-dim);font:500 10px/1 var(--hud-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.profile-hero-kicker b{background:var(--hud-gold);color:var(--hud-bg);padding:3px 6px 2px;font-weight:700}.profile-hero-kicker span:before{content:"//";color:var(--hud-frame);margin-right:10px}.profile-hero-kicker:after{content:"";background:var(--hud-gold);width:7px;height:11px;animation:1.1s step-end infinite profile-hero-caret}@keyframes profile-hero-caret{50%{opacity:0}}.profile-hero-title{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}.profile-hero-title h2{color:var(--hud-ink);font-family:var(--hud-display);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,2.1cqi,32px);font-weight:650;line-height:1.05}.profile-hero-title h2 .muted-text{color:var(--hud-dim);letter-spacing:.08em;vertical-align:.35em;font-size:.5em;font-weight:400}.profile-hero-title :is(.player-flag,.race-badge-img){font-family:var(--hud-mono);letter-spacing:.1em;border-radius:2px;margin:0;font-size:9.5px;font-weight:600}.profile-hero-meta{color:var(--hud-dim);font:400 10.5px/1.4 var(--hud-mono);letter-spacing:.04em}.profile-hero .identity-chip-row{gap:6px}.profile-hero .identity-chip{border:1px solid var(--hud-hair);background:color-mix(in oklch, var(--hud-gold) 4%, transparent);color:var(--hud-ink);white-space:nowrap;overflow-wrap:normal;text-overflow:ellipsis;border-radius:2px;padding:4px 9px;font-size:12px;font-weight:600;overflow:hidden}.profile-hero .identity-chip small{color:var(--hud-dim);font:500 8.5px var(--hud-mono);letter-spacing:.08em}.profile-known-names .identity-chip.is-extra{display:none}.profile-known-names.is-expanded .identity-chip.is-extra{display:inline-flex}.identity-more{border:1px dashed var(--hud-frame,var(--border-sub));min-height:24px;color:var(--accent);font:600 10px var(--hud-mono,var(--font-mono));cursor:pointer;background:0 0;border-radius:2px;padding:2px 8px}.profile-hero-figures{grid-area:figures;grid-auto-columns:minmax(84px,auto);grid-auto-flow:column;display:grid}.profile-hero-figure{border-left:1px solid var(--hud-hair);align-content:center;gap:8px;min-width:0;padding:4px 18px;display:grid}.profile-hero-figure span{color:var(--hud-dim);font:500 9px/1 var(--hud-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.profile-hero-figure strong{color:var(--hud-ink);font-family:var(--hud-mono);letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:600;line-height:1}.profile-hero .kpi-meter{background:var(--hud-hair);border-radius:0;height:5px;margin-top:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}.profile-hero .kpi-meter-fill{transform-origin:0;border-radius:0}.profile-hero-actions{--hero-ctl-h:36px;flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (pointer:coarse){.profile-hero-actions{--hero-ctl-h:44px}}.profile-hero-actions :is(.profile-icon-btn,.profile-action-secondary,.profile-action-primary,.action-menu__trigger,.profile-live-badge){box-sizing:border-box;height:var(--hero-ctl-h);min-height:var(--hero-ctl-h);border:1px solid var(--hud-hair);box-shadow:none;color:var(--hud-ink);font:600 10px/1 var(--hud-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease), background-color .12s var(--ease);background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 14px;text-decoration:none;display:inline-flex}.profile-hero-actions :is(.profile-icon-btn,.profile-action-secondary,.action-menu__trigger):is(:hover,:focus-visible,[aria-expanded=true]){border-color:var(--hud-gold);background:color-mix(in oklch, var(--hud-gold) 10%, transparent);color:var(--hud-gold);opacity:1}.profile-hero-actions .profile-action-primary{border-color:var(--hud-gold);background:var(--hud-gold);color:oklch(18% .02 75)}.profile-hero-actions .profile-action-primary:hover{opacity:.88}.profile-hero-actions :is(.profile-icon-btn,.action-menu__trigger){width:var(--hero-ctl-h);padding:0}.profile-follow-btn svg{flex:none;width:15px;height:15px}.profile-me-badge{border:1px solid var(--hud-frame,var(--accent));color:var(--accent);font:600 10px var(--hud-mono,var(--font-mono));letter-spacing:.12em;text-transform:uppercase;border-radius:2px;padding:5px 8px}.profile-hero .action-menu__list{border:1px solid var(--hud-frame);background:var(--hud-bg);box-shadow:var(--shadow-float);border-radius:2px}.profile-hero .action-menu__list [role=menuitem]{color:var(--hud-ink);border-radius:0}.profile-hero .action-menu__list [role=menuitem]:is(:hover,:focus-visible){background:color-mix(in oklch, var(--hud-gold) 12%, transparent);color:var(--hud-gold)}.profile-hero-status{grid-column:1/-1;gap:8px;min-width:0;display:grid}.profile-hero-status:not(:has(.player-flag-details,[data-flag-form-host],[data-reveal-form-host])){display:none}.profile-hero-status .profile-flag-panel{gap:8px;min-width:0;display:grid}.profile-hero-status .profile-flag-panel:empty{display:none}.profile-hero-status :is([data-flag-form-host],[data-reveal-form-host]){border:1px dashed var(--hud-frame);border-radius:2px;padding:12px 16px}@container profile-hero (width<=1720px){.profile-hero-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity actions""figures figures"}.profile-hero-figures{border-top:1px solid var(--hud-hair);grid-auto-columns:minmax(0,1fr);padding-top:12px}.profile-hero-figure:first-child{border-left:0;padding-left:0}}@container profile-hero (width<=640px){.profile-hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""actions""figures"}.profile-hero-identity{align-items:flex-start}.profile-hero-crest{width:52px;height:45px}.profile-hero-race{width:28px;height:28px}.profile-hero-actions{justify-content:flex-start}.profile-hero-actions .profile-follow-btn{width:var(--hero-ctl-h);padding:0}.profile-hero-actions .profile-follow-btn span{display:none}.profile-hero-figures{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-auto-flow:row;row-gap:12px}.profile-hero-figure{border-left:0;padding-left:0}.profile-hero-figure strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.profile-hero-kicker:after{animation:none}}@property --hud-bracket{syntax:"<length>";inherits:false;initial-value:0}#output .profile-tabs-row{border-bottom:1px solid var(--hud-hair)}#output .profile-tabs{counter-reset:hud-tab;gap:0}#output .profile-tab{min-height:38px;color:var(--hud-dim);font:600 10px/1 var(--hud-mono);letter-spacing:.16em;background:0 0;border:0;border-radius:0;padding:8px 16px;position:relative}#output .profile-tab:before{counter-increment:hud-tab;content:counter(hud-tab, decimal-leading-zero);content:counter(hud-tab, decimal-leading-zero) / "";color:var(--hud-frame);margin-right:8px;font-size:8.5px}#output .profile-tab:hover{background:color-mix(in oklch, var(--hud-gold) 5%, transparent);color:var(--hud-ink)}#output .profile-tab.is-active{background:linear-gradient(to top, color-mix(in oklch, var(--hud-gold) 13%, transparent), transparent 85%);color:var(--hud-gold);border:0}#output .profile-tab.is-active:before{color:var(--hud-gold)}.profile-tab-marker{inset-inline:10px;background:var(--hud-gold);height:2px;box-shadow:0 0 12px 1px color-mix(in oklch, var(--hud-gold) 65%, transparent);pointer-events:none;position:absolute;bottom:0}#view-dashboard #output .card:not(.profile-hero),#view-dashboard #output .card:not(.profile-hero):hover{border:1px solid var(--hud-hair);background:linear-gradient(180deg, color-mix(in oklch, var(--hud-gold) 3%, transparent), transparent 120px), var(--hud-panel);box-shadow:none;border-radius:2px;position:relative}#view-dashboard #output .card:not(.profile-hero){--hud-bracket:0px;transition:border-color .22s var(--hud-ease), --hud-bracket .32s var(--hud-ease)}#view-dashboard #output .card:not(.profile-hero):hover{--hud-bracket:14px;border-color:var(--hud-frame)}#view-dashboard #output .card:not(.profile-hero):after{content:"";pointer-events:none;background:linear-gradient(var(--hud-gold), var(--hud-gold)) top left / var(--hud-bracket) 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) top left / 2px var(--hud-bracket) no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) top right / var(--hud-bracket) 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) top right / 2px var(--hud-bracket) no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom left / var(--hud-bracket) 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom left / 2px var(--hud-bracket) no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom right / var(--hud-bracket) 2px no-repeat, linear-gradient(var(--hud-gold), var(--hud-gold)) bottom right / 2px var(--hud-bracket) no-repeat;position:absolute;inset:0}#output .profile-panel{counter-reset:hud-card}#output .profile-panel .card>h3{counter-increment:hud-card;color:var(--hud-ink);font:600 10.5px/1.2 var(--hud-mono);letter-spacing:.16em}#output .profile-panel .card>h3:after{content:counter(hud-card, decimal-leading-zero);content:counter(hud-card, decimal-leading-zero) / "";color:var(--hud-frame);letter-spacing:.1em;margin-left:auto;padding-left:12px;font-size:9px}#output .profile-form-dot{border-radius:1px}#output #matches tbody tr{transition:background-color .12s var(--hud-ease), box-shadow .12s var(--hud-ease)}#output #matches tbody tr:hover{background:color-mix(in oklch, var(--hud-gold) 7%, transparent);box-shadow:inset 2px 0 0 var(--hud-gold)}#output #matches .match-result{font:600 10px/1 var(--hud-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}#output #matches .match-result:before{content:"";vertical-align:1px;background:currentColor;width:6px;height:6px;margin-right:8px;display:inline-block}#output #matches .match-result[data-result=win]{color:var(--success)}#output #matches .match-result[data-result=loss]{color:var(--danger)}#output #matches .match-result[data-result=other]{color:var(--hud-dim)}@media (prefers-reduced-motion:no-preference){#output.is-booting .profile-hero:not(:has(.action-menu__list:not([hidden]))){overflow:clip}#output.is-booting .profile-hero:before{animation:.56s linear both hud-power}#output.is-booting .profile-hero:after{animation:.38s ease-out both hud-fade}#output.is-booting .profile-hero-layout:before{content:"";inset-inline:0;z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--hud-gold) 14%, transparent) 85%, color-mix(in oklch, var(--hud-gold) 70%, transparent) 97%, transparent);height:70px;animation:.95s cubic-bezier(.45,0,.2,1) 60ms both hud-sweep;position:absolute;top:-70px}#output.is-booting .profile-hero-crest{animation:hud-crest .72s 80ms var(--hud-ease) both}#output.is-booting .profile-hero-kicker{animation:.48s steps(16,end) .14s both hud-type}#output.is-booting .profile-hero-title h2{animation:hud-rise .64s .22s var(--hud-ease) both}#output.is-booting :is(.profile-hero-title>:not(h2),.profile-hero-meta,.profile-known-names){animation:.42s ease-out .42s both hud-fade}#output.is-booting .profile-hero-figure{animation:hud-rise .52s var(--hud-ease) both}#output.is-booting .profile-hero-figure:first-child{animation-delay:.32s}#output.is-booting .profile-hero-figure:nth-child(2){animation-delay:.38s}#output.is-booting .profile-hero-figure:nth-child(3){animation-delay:.44s}#output.is-booting .profile-hero-figure:nth-child(4){animation-delay:.5s}#output.is-booting .profile-hero-figure:nth-child(5){animation-delay:.56s}#output.is-booting .profile-hero .kpi-meter-fill{animation:hud-fill .9s .48s var(--hud-ease) both}#output.is-booting .profile-hero-actions>*{animation:.36s ease-out .46s both hud-fade}#output.is-booting .profile-hero .player-flag-details{animation:hud-unroll .62s .56s var(--hud-ease) both}#output.is-booting .profile-tabs-row{animation:.38s ease-out .52s both hud-fade}#output.is-booting .profile-panel .card{animation:hud-card .44s calc(.58s + var(--card-i,0) * 45ms) var(--hud-ease) both}#output.is-booting .profile-panel .card:after{animation:hud-lock .62s calc(.6s + var(--card-i,0) * 45ms) var(--hud-ease) both}#output.is-booting .profile-form-dot{animation:hud-pop .26s calc(.76s + var(--i,0) * 22ms) var(--hud-ease) both}.vt-profile-tab .profile-tab-marker{view-transition-name:profile-tab-marker}.vt-profile-tab #output .profile-panel{view-transition-name:profile-panel}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(profile-tab-marker){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(profile-panel){animation:none}::view-transition-old(profile-panel){animation:.22s ease-in both hud-fade-out}::view-transition-new(profile-panel){animation:.56s cubic-bezier(.25,1,.5,1) both hud-scan-in}}@keyframes hud-fade{0%{opacity:0}}@keyframes hud-fade-out{to{opacity:0}}@keyframes hud-power{0%{opacity:0}18%{opacity:1}30%{opacity:.2}44%{opacity:.9}56%{opacity:.4}to{opacity:1}}@keyframes hud-sweep{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(460px)}}@keyframes hud-crest{0%{opacity:0;transform:rotate(-60deg)scale(.5)}}@keyframes hud-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hud-rise{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}@keyframes hud-fill{0%{transform:scaleX(0)}}@keyframes hud-unroll{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}@keyframes hud-card{0%{opacity:0;transform:translateY(-6px)}}@keyframes hud-lock{0%{--hud-bracket:48px;opacity:0}35%{opacity:1}to{--hud-bracket:0px;opacity:1}}@keyframes hud-pop{0%{opacity:0;transform:scale(.2)}}@keyframes hud-scan-in{0%{clip-path:inset(0 0 100%);opacity:.3}to{clip-path:inset(0);opacity:1}}.history-stat-explorer{margin-top:24px}.history-stat-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.history-stat-chart-card{border:1px solid var(--border-sub);background:linear-gradient(145deg, var(--surface-faint), transparent 70%), var(--profile-card-bg);border-radius:10px;min-width:0;padding:16px}.history-stat-chart-card--wide{grid-column:span 2}.history-stat-chart-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.history-stat-chart-heading h4{color:var(--text);margin:0;font-size:.9rem;font-weight:650}.history-stat-chart-heading>span{color:var(--muted);font:600 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.history-stat-chart-canvas{min-height:210px;position:relative}.history-stat-chart-canvas--tall{min-height:280px}@media (width<=760px){.history-stat-charts{grid-template-columns:minmax(0,1fr)}.history-stat-chart-card--wide{grid-column:auto}.history-stat-chart-card{padding:13px}}#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}.home-desktop-app{width:min(100%,1180px);margin:var(--sp-6) auto 0;align-items:center;gap:var(--sp-3) var(--sp-5);padding:var(--sp-4) var(--sp-5);border:1px solid color-mix(in srgb, var(--accent) 29%, var(--border));border-radius:var(--r);background:var(--accent-dim);display:flex}.home-desktop-app-icon{color:var(--accent);flex:none}.home-desktop-app-copy{flex:auto;min-width:0}.home-desktop-app-title{color:var(--accent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:800}.home-desktop-app-desc{color:var(--text-2);font-size:var(--text-base);margin:2px 0 0}.home-desktop-app-status{justify-content:flex-end;align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:none;display:flex}.home-desktop-app-status:empty{display:none}.home-desktop-app-badge{padding:3px var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-weight:700}.home-desktop-app-badge.is-available{border-color:var(--success-border-soft);background:var(--success-bg-soft);color:var(--success)}[data-theme=light] .home-desktop-app-badge.is-available{color:oklch(45% .14 140)}.home-desktop-app-download,.home-desktop-app-alt{min-height:36px;padding:0 var(--sp-4);border-radius:var(--r);font:inherit;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;align-items:center;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.home-desktop-app-download{background:var(--accent);color:var(--bg-dark);border:none}.home-desktop-app-download:hover{color:oklch(12% .004 250);background:oklch(78% .15 75)}.home-desktop-app-alt{border:1px solid var(--border-sub);color:var(--text-2);background:0 0}.home-desktop-app-alt:hover{border-color:var(--accent);color:var(--accent)}.home-desktop-app-download:focus-visible,.home-desktop-app-alt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=699px){.home-desktop-app{flex-wrap:wrap}.home-desktop-app-copy{flex-basis:calc(100% - 40px)}.home-desktop-app-status{justify-content:flex-start;width:100%}}@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{min-height:44px;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, color-mix(in oklch, var(--accent) 10%, transparent), transparent 55%), color-mix(in srgb, var(--surface) 80%, transparent);padding:20px;display:grid}.about-hero-panel-inner{gap:14px;display:grid}.about-sigil{border:1px solid color-mix(in oklch, var(--accent) 34%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent);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-diagnostics{font-size:var(--text-sm);color:var(--text-2);margin-top:8px}.admin-feedback-diagnostics summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.admin-feedback-diagnostics pre{border-radius:var(--r-sm);background:var(--bg-dark);max-height:240px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:4px 0 0;padding:8px;font-size:11px;overflow:auto}.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);min-height:44px;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)}.about-credits-intro,.about-credits-note{font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.5}.about-credits-note{color:var(--muted);margin-top:12px}.about-credits-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px;display:grid}.about-credits-group{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);padding:12px 14px}.about-credits-group-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-weight:700}.about-credits-list{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.about-credits-list a{font-size:var(--text-sm);color:var(--text-2);transition:color var(--dur-fast) var(--ease);text-decoration:none}.about-credits-list a:hover,.about-credits-list a:focus-visible{color:var(--accent);text-decoration:underline}@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}}.admin-workspace{max-width:78rem;margin-inline:auto}.admin-workspace-header{border:1px solid var(--border,#ffffff1f);background:linear-gradient(115deg,#e29a231f,#ffffff06 58%);border-radius:.9rem;align-items:center;gap:1rem;margin:0 auto 1.5rem;padding:1.4rem 1.5rem;display:flex}.admin-workspace-mark{width:2.8rem;height:2.8rem;color:var(--accent,#e29a23);border:1px solid #e29a238c;border-radius:.75rem;flex:0 0 2.8rem;place-items:center;font-weight:800;display:grid}.admin-workspace-eyebrow{color:var(--accent,#e29a23);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.admin-workspace-header h1{margin:.15rem 0;font-size:clamp(1.35rem,3vw,1.8rem)}.admin-workspace-header p:last-child{color:var(--text-2,#aaa);margin:0}.admin-premium-panel{margin-bottom:1rem}.premium-admin-search-form{grid-template-columns:minmax(12rem,1fr) auto;align-items:end;gap:.55rem .75rem;max-width:42rem;margin:1.2rem 0 1.4rem;display:grid}.premium-admin-search-form label{grid-column:1/-1}.premium-admin-search-form input{min-width:0}.premium-admin-workbench{grid-template-columns:minmax(14rem,.72fr) minmax(0,1.4fr);align-items:start;gap:1rem;display:grid}.premium-admin-directory,.premium-admin-detail{border:1px solid var(--border,#ffffff1a);background:#00000024;border-radius:.75rem;min-width:0}.premium-admin-directory{padding:.75rem}.premium-admin-directory-title{color:var(--text-2,#aaa);letter-spacing:.09em;text-transform:uppercase;margin:.2rem .35rem .65rem;font-size:.72rem;font-weight:700}.premium-admin-results{gap:.35rem;display:grid}.premium-admin-result{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;gap:.18rem;padding:.7rem .75rem;display:grid}.premium-admin-result:hover{background:#ffffff0b}.premium-admin-result.is-selected{background:#e29a2317;border-color:#e29a237a}.premium-admin-result:focus-visible{outline:2px solid var(--accent,#e29a23);outline-offset:2px}.premium-admin-result-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.premium-admin-result-email{color:var(--text-2,#aaa);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.premium-admin-result-status{color:var(--text-2,#aaa);font-size:.7rem}.premium-admin-result-status.is-active{color:var(--success,#67d6a3)}.premium-admin-empty{margin:.5rem .35rem}.premium-admin-paging{justify-content:space-between;gap:.5rem;margin:.7rem .2rem .1rem;display:flex}.premium-admin-detail{min-height:15rem;padding:1.15rem}.premium-admin-user{gap:.8rem;display:grid}.premium-admin-user-name{margin:0;font-size:1.15rem}.premium-admin-user-summary{gap:.25rem;display:grid}.premium-admin-email{color:var(--text-2,#aaa);overflow-wrap:anywhere}.premium-admin-status{color:var(--text-2,#aaa);overflow-wrap:anywhere;font-size:.86rem}.premium-admin-status.is-active{color:var(--success,#67d6a3)}.premium-admin-controls{grid-template-columns:minmax(0,1fr) minmax(9rem,.45fr);gap:.75rem;margin-top:.4rem;display:grid}.premium-admin-field-label{color:var(--text-2,#aaa);gap:.35rem;font-size:.72rem;font-weight:700;display:grid}.premium-admin-reason,.premium-admin-duration{width:100%;min-width:0}.premium-admin-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.premium-admin-audit{border-top:1px solid var(--border,#ffffff1a);overflow-wrap:anywhere;margin:.3rem 0 0;padding:.8rem 0 0 1.4rem}.admin-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.admin-tools-grid>.card{grid-column:auto}.admin-tools-grid>.admin-feedback-panel{grid-column:1/-1}.admin-navigation-link[aria-current=page]{color:var(--accent,#e29a23)}@media (width<=760px){.premium-admin-workbench,.admin-tools-grid{grid-template-columns:minmax(0,1fr)}.premium-admin-detail{min-height:0}.admin-tools-grid>.admin-feedback-panel{grid-column:auto}}@media (width<=480px){.admin-workspace-header{align-items:flex-start;padding:1rem}.premium-admin-search-form{grid-template-columns:minmax(0,1fr)}.premium-admin-search-form label{grid-column:auto}.premium-admin-controls{grid-template-columns:minmax(0,1fr)}}.coach-wrap{max-width:70rem;margin-inline:auto}.coach-header{margin-bottom:2rem}.coach-header h1{text-transform:uppercase;letter-spacing:.1em;margin:.4rem 0}.coach-header p{color:var(--text-2,#aaa)}.coach-metrics{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.coach-metric,.coach-section{border:1px solid var(--border,#ffffff1f);background:var(--surface,#ffffff0a);border-radius:.8rem;padding:1.2rem}.coach-metric{gap:.5rem;display:grid}.coach-metric-label,.coach-note{color:var(--text-2,#aaa)}.coach-metric-value{font-size:clamp(1.5rem,3vw,2.2rem)}.coach-section{margin-top:1rem}.coach-section h2{margin-top:0;font-size:1.25rem}.coach-focus{border-left:3px solid var(--accent,#65c9ff);padding-left:1rem}.coach-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.coach-replay-select{max-width:min(100%,24rem)}.coach-ai-output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.premium-billing-plans{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin:1rem 0;display:grid}.premium-billing-plan{border:1px solid var(--border,#ffffff1f);border-radius:.65rem;gap:.7rem;padding:1rem;display:grid}.premium-billing-plan span{font-size:1.4rem;font-weight:700}.premium-billing-state{color:var(--success,#67d6a3)}.premium-billing-feedback{min-height:1.5em}.legal-wrap{gap:18px;max-width:860px;margin:0 auto;padding:8px 0 48px;display:grid}.legal-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem)}.legal-updated{color:var(--muted);font-size:var(--text-sm);margin:-10px 0 0}.legal-section{border-top:1px solid var(--border-sub);padding-top:16px}.legal-section h2{font-size:var(--text-lg);letter-spacing:-.01em;margin:0 0 8px}.legal-body{color:var(--text-2);font-size:var(--text-base);margin:0 0 10px;line-height:1.7}.legal-dl{gap:14px;margin:10px 0 0;display:grid}.legal-dl dt{font-weight:700;font-size:var(--text-base);color:var(--text)}.legal-dl dd{margin:4px 0 0}.legal-disclaimer{border:1px solid var(--border-sub);background:var(--surface-faint);color:var(--muted);font-size:var(--text-sm);border-radius:8px;margin:8px 0 0;padding:12px 14px;line-height:1.6}.noscript-notice{z-index:9999;background:var(--bg);color:var(--text);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.noscript-notice p{max-width:60ch;line-height:1.7}.noscript-notice a{color:var(--accent)}.legal-btn{border-radius:var(--r);border:1px solid var(--accent);color:var(--accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;padding:10px 20px;font-weight:700}.legal-btn:hover{background:var(--accent);color:var(--bg-dark)}.app-footer-link--button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.donate-cta{justify-items:start;gap:var(--sp-3);display:grid}.donate-cta-btn{align-items:center;gap:var(--sp-3);border-radius:var(--r);background:var(--accent);min-height:44px;color:var(--bg-dark);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;transition:background var(--dur-fast) var(--ease);padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.donate-cta-btn:hover{color:oklch(12% .004 250);background:oklch(78% .15 75)}.donate-cta-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.donate-cta-note{color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.6}.cookie-consent-banner{z-index:9500;background:var(--bg-dark);border-top:1px solid var(--border-sub);padding:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px oklch(0% 0 0/.35)}.cookie-consent-inner{flex-wrap:wrap;align-items:center;gap:14px;max-width:1024px;margin:0 auto;display:flex}.cookie-consent-text{color:var(--text-2);font-size:var(--text-sm);flex:420px;margin:0;line-height:1.6}.cookie-consent-age{color:var(--text-2);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;cursor:pointer;flex:100%;align-items:flex-start;gap:8px;font-weight:500;display:flex}.cookie-consent-age input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:1px 0 0;padding:0}.cookie-consent-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cookie-consent-link{color:var(--muted);font-size:var(--text-xs);text-underline-offset:2px;text-decoration:underline}.cookie-consent-link:hover{color:var(--text)}.cookie-consent-banner .btn{border-radius:var(--r);min-height:44px;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:8px 18px;font-weight:700}.cookie-consent-banner .btn--accept{border:1px solid var(--accent);background:var(--accent);color:var(--bg-dark)}.cookie-consent-banner .btn--accept:hover{background:color-mix(in srgb, var(--accent) 85%, white)}.cookie-consent-banner .btn--accept:disabled,.cookie-consent-banner .btn--accept[aria-disabled=true]{opacity:.5;cursor:not-allowed}.cookie-consent-banner .btn--decline{border:1px solid var(--border);color:var(--text-2);background:0 0}.cookie-consent-banner .btn--decline:hover{color:var(--text);border-color:var(--border-hov)}@media (width<=640px){.cookie-consent-banner{padding:12px}.cookie-consent-inner{flex-direction:column;align-items:stretch;gap:8px}.cookie-consent-text{line-height:1.45}.cookie-consent-text,.cookie-consent-age{flex:none;width:100%}.cookie-consent-actions{justify-content:flex-end}}.player-flag-slot:empty{display:none}.player-flag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;cursor:help;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-flex}.player-flag--confirmed{color:#fff;background:#e5484d;border:1px solid #e5484d}.player-flag--suspicious{color:#f5a524;background:0 0;border:1px solid #f5a524}.player-flag--goat{background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--protoss-text);border:1px solid var(--accent);text-transform:none}.player-flag-details{--flag-tone:#f5a524;--flag-mono:"Martian Mono", var(--font-mono);border:1px solid color-mix(in oklch, var(--flag-tone) 35%, transparent);background:linear-gradient(90deg, color-mix(in oklch, var(--flag-tone) 14%, transparent), color-mix(in oklch, var(--flag-tone) 3%, transparent) 50%, transparent 90%);border-radius:2px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin:0;padding:10px 14px 10px 26px;display:grid;position:relative;overflow:clip}.player-flag-details:before{content:"";inset-block:0;background:repeating-linear-gradient(-45deg, var(--flag-tone) 0 5px, color-mix(in oklch, var(--flag-tone) 18%, transparent) 5px 10px);width:10px;position:absolute;left:0}.player-flag-details--confirmed{--flag-tone:#e5484d}.player-flag-details--goat{--flag-tone:var(--accent)}.player-flag-details-icon{border:1px solid color-mix(in oklch, var(--flag-tone) 55%, transparent);background:color-mix(in oklch, var(--flag-tone) 14%, transparent);width:32px;height:32px;color:var(--flag-tone);border-radius:2px;place-items:center;display:grid}.player-flag-details--confirmed .player-flag-details-icon{animation:2.4s ease-out infinite player-flag-pulse}@keyframes player-flag-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--flag-tone) 45%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}@media (prefers-reduced-motion:reduce){.player-flag-details--confirmed .player-flag-details-icon{animation:none}}.player-flag-details-body{gap:4px;min-width:0;display:grid}.player-flag-details-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;min-width:0;display:flex}.player-flag-details-head .player-flag{margin-left:0}.player-flag-details .player-flag{color:var(--flag-tone);font:700 10px/1.4 var(--flag-mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;padding:0}.player-flag-reason{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:600}.player-flag-reason span{color:var(--muted);font:500 9px var(--flag-mono);letter-spacing:.14em;text-transform:uppercase;margin-right:6px}.player-flag-meta{color:var(--muted);font:400 10.5px/1.4 var(--flag-mono);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:2px 18px;display:flex}.player-flag-evidence{color:var(--accent)}.player-flag-contest{border:1px solid color-mix(in oklch, var(--flag-tone) 55%, transparent);min-height:34px;color:var(--text);font:600 10px/1 var(--flag-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:0 14px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.player-flag-contest svg{transition:transform .22s var(--ease,ease)}.player-flag-contest:hover,.player-flag-contest:focus-visible{border-color:var(--flag-tone);background:color-mix(in oklch, var(--flag-tone) 16%, transparent);color:var(--flag-tone)}.player-flag-contest:hover svg{transform:translate(3px)}@container profile-hero (width<=640px){.player-flag-details{grid-template-columns:auto minmax(0,1fr)}.player-flag-contest{grid-column:2;justify-self:start}}.player-flag-form{gap:8px;max-width:520px;margin-top:8px;display:grid}.player-flag-form textarea{resize:vertical;min-height:72px}.player-flag-form-actions{flex-wrap:wrap;gap:8px;display:flex}.player-flag-form-counter{color:var(--muted);justify-self:end;font-size:.75rem}.admin-flag-item{border-bottom:1px solid var(--border,#ffffff14);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.admin-flag-item-main{min-width:0}.admin-flag-item-key{color:var(--muted);font-size:.75rem}.admin-flag-item-reason{overflow-wrap:anywhere;font-size:.85rem}.player-name-team{color:var(--muted);margin-right:1px}.player-name-pro{font-weight:600}.player-name-ingame{color:var(--muted);font-size:.9em;font-weight:400}.player-reveal-badge{border:1px solid color-mix(in oklch, var(--terran) 55%, transparent);background:color-mix(in oklch, var(--terran) 12%, transparent);color:var(--terran-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;cursor:help;border-radius:4px;align-items:center;margin-left:6px;padding:0 5px;font-size:.62rem;font-weight:600;line-height:1.5;display:inline-flex}.player-reveal-pulse{color:var(--muted);margin:0;font-size:.85rem}.player-reveal-hidden{align-items:center;gap:8px;display:flex}.lb-streams-panel{margin-bottom:var(--sp-4);padding:var(--sp-3);background:#00000026;border-radius:8px}.lb-streams-title{margin:0 0 var(--sp-2);text-transform:uppercase;opacity:.8;font-size:.9em}.live-streams-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.live-streams-grid--large{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.live-streams-grid--large .lb-stream-item{flex-direction:column;align-items:stretch;height:100%}.live-streams-grid--large .lb-stream-thumb{aspect-ratio:16/9;width:100%;height:auto}.stream-tile{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.stream-profile-btn{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);background:0 0;border-radius:4px;align-self:flex-start}@media (width<=960px),(pointer:coarse){.stream-profile-btn{align-items:center;min-height:44px;display:inline-flex}}.stream-profile-btn:hover,.stream-profile-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.home-live-streams{width:min(100%,1180px);margin:clamp(var(--sp-6), 5vw, 64px) auto 0}.home-live-streams-title{margin:0 0 var(--sp-3);color:var(--accent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.profile-stream-slot{align-items:center;gap:var(--sp-2);display:inline-flex}.profile-stream-slot:empty{display:none}.profile-stream-slot .profile-live-badge{gap:var(--sp-1);color:var(--color-loss);background:#e6394626;border-color:#e6394673;font-weight:700;text-decoration:none}.profile-stream-slot .profile-live-badge:hover,.profile-stream-slot .profile-live-badge:focus-visible{border-color:var(--color-loss);color:var(--color-loss);background:#e639464d}.profile-live-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.profile-channel-link{padding:var(--sp-1);color:var(--text-muted);transition:color .12s var(--ease);border-radius:4px;display:inline-flex}.profile-channel-link:hover,.profile-channel-link:focus-visible{color:var(--accent)}.home-upcoming-tournaments{width:min(100%,1180px);margin:clamp(var(--sp-6), 5vw, 64px) auto 0}.home-upcoming-tournaments-heading,.home-upcoming-subheading{justify-content:space-between;align-items:end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.home-upcoming-tournaments-heading{margin-bottom:26px}.home-upcoming-tournaments h2{color:var(--accent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:800}.home-upcoming-tournaments-heading p{margin:var(--sp-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.home-upcoming-tournaments-links{gap:var(--sp-3);flex-wrap:wrap;display:flex}.home-upcoming-tournaments-heading a{color:var(--accent);font-size:var(--text-sm)}.home-upcoming-matches{margin-bottom:30px}.home-upcoming-subheading{margin-bottom:12px}.home-upcoming-subheading h3{color:var(--text);font-family:var(--font-display);margin:0;font-size:1rem;font-weight:750}.home-upcoming-live-indicator{color:var(--text-muted);font-size:var(--text-xs,.75rem);align-items:center;gap:7px;display:inline-flex}.home-upcoming-live-indicator i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 65%, transparent);border-radius:50%}.home-upcoming-match-spotlight{border:1px solid color-mix(in srgb, var(--accent) 29%, var(--border));background:radial-gradient(ellipse at 88% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 48%), linear-gradient(115deg, color-mix(in srgb, var(--surface) 96%, var(--accent)), var(--surface));border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px 30px;padding:clamp(20px,3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #0000001f}.home-upcoming-match-kicker{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-upcoming-match-tag{color:var(--accent);font-size:var(--text-xs,.75rem);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.home-upcoming-match-countdown{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:7px 11px;font-size:.94rem;font-weight:800}.home-upcoming-match-players{align-items:center;gap:clamp(10px,2vw,24px);min-width:0;display:flex}.home-upcoming-player{color:var(--text);font-family:var(--font-display);letter-spacing:-.035em;text-overflow:ellipsis;font-size:clamp(1.45rem,3.4vw,2.55rem);font-weight:850;line-height:1.05;overflow:hidden}.home-upcoming-versus{color:var(--text-muted);letter-spacing:.12em;font-size:.7rem;font-weight:800}.home-upcoming-match-details{color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:9px;display:flex}.home-upcoming-match-tournament{color:var(--text);font-weight:650}.home-upcoming-match-detail-divider{opacity:.55}.home-upcoming-match-format{color:var(--text-muted);font-size:var(--text-xs,.75rem);font-weight:750}.home-upcoming-bracket{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));min-height:38px;color:var(--accent);font-size:var(--text-sm);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:750;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.home-upcoming-bracket:hover,.home-upcoming-bracket:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent)}.home-upcoming-bracket:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-upcoming-match-spotlight>.home-upcoming-bracket{grid-area:2/2/span 2}.home-upcoming-match-list{border:1px solid var(--border);background:var(--border);border-radius:11px;gap:1px;margin-top:10px;display:grid;overflow:hidden}.home-upcoming-match-row{background:var(--surface);grid-template-columns:minmax(190px,.8fr) minmax(180px,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.home-upcoming-match-row-players{align-items:center;gap:10px;min-width:0;display:flex}.home-upcoming-match-row-players strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-upcoming-versus-small{color:var(--text-muted);font-size:.62rem;font-weight:800}.home-upcoming-match-row-meta{color:var(--text-muted);font-size:var(--text-xs,.75rem);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-upcoming-match-row-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.home-upcoming-match-row-actions{align-items:center;gap:12px;display:flex}.home-upcoming-bracket-compact{min-height:32px;font-size:var(--text-xs,.75rem);padding:0 10px}.home-upcoming-events{margin-top:30px}.home-upcoming-tournaments-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.home-upcoming-tournament{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:12px;min-width:0;padding:16px;transition:border-color .15s,transform .15s;display:flex}.home-upcoming-tournament:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));transform:translateY(-2px)}.home-upcoming-tournament-date{color:var(--accent);font-size:var(--text-xs,.75rem);font-weight:650}.home-upcoming-tournament-name{color:var(--text);line-height:1.35}.home-upcoming-tournament-footer{justify-content:space-between;align-items:center;gap:9px;margin-top:auto;display:flex}.home-upcoming-tournament-countdown{color:var(--text-muted);font-size:var(--text-xs,.75rem)}.home-upcoming-tournament .home-upcoming-bracket{min-height:31px;font-size:var(--text-xs,.75rem);padding:0 9px}.home-upcoming-tournaments-status{color:var(--text-muted);font-size:var(--text-sm);margin:0}@media (width<=700px){.home-upcoming-match-spotlight{grid-template-columns:1fr;gap:16px}.home-upcoming-match-spotlight>.home-upcoming-bracket{grid-area:auto;justify-self:start}.home-upcoming-player{font-size:clamp(1.35rem,7vw,2rem)}.home-upcoming-match-row{grid-template-columns:1fr auto;gap:8px 12px;padding:13px}.home-upcoming-match-row-players,.home-upcoming-match-row-meta{grid-column:1}.home-upcoming-match-row-actions{grid-area:1/2/span 2}}@media (width<=420px){.home-upcoming-tournaments-heading{align-items:start}.home-upcoming-match-kicker{align-items:flex-start}.home-upcoming-match-row-players{font-size:var(--text-sm);gap:6px}}@media (prefers-reduced-motion:reduce){.home-upcoming-tournament,.home-upcoming-bracket{transition:none}.home-upcoming-tournament:hover{transform:none}}.replay-progress{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);max-width:76rem;margin-inline:auto;padding:clamp(14px,2.4vw,24px)}.replay-progress__eyebrow{margin:0 0 var(--sp-2);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.replay-progress__header h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:clamp(1.3rem,2.6vw,1.8rem)}.replay-progress__description{max-width:50rem;margin:var(--sp-3) 0 0;color:var(--text-2);line-height:1.6}.replay-progress__body,.replay-progress__vods{margin-top:var(--sp-5);gap:var(--sp-5);display:grid}.ins-block{gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface);display:grid}.ins-block .ins-block{padding:var(--sp-4);background:0 0}.ins-block__title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:0;font-size:.82rem;font-weight:700}.ins-subtitle{margin:var(--sp-3) 0 0;color:var(--text-2);font-size:.85rem}.ins-lead{margin:0;font-size:.95rem}.ins-note,.ins-empty{color:var(--text-2);margin:0;font-size:.85rem;line-height:1.55}.ins-alert{padding:var(--sp-3) var(--sp-4);border:1px solid var(--warn-border-subtle);border-radius:var(--r);background:var(--warn-bg-subtle);margin:0}.ins-list,.ins-events,.ins-levers{gap:var(--sp-3);margin:0;padding-left:1.1rem;display:grid}.ins-events{padding-left:0;list-style:none}.ins-events li{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ins-seek{min-height:28px;padding:2px var(--sp-3);border:1px solid var(--border-control);border-radius:var(--r-sm);background:var(--surface-faint);color:var(--text);font-family:var(--font-mono);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease);font-size:.8rem}.ins-seek:hover,.ins-seek:focus-visible{border-color:var(--border-hov);background:var(--surface-hov)}.ins-chip,.ins-tag{padding:1px var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border-control);white-space:nowrap;align-items:center;font-size:.76rem;display:inline-flex}.ins-chip--good,.ins-tag--good{border-color:var(--success-border-soft);background:var(--success-bg-soft);color:var(--success)}.ins-chip--bad,.ins-tag--bad{border-color:var(--danger-border-soft);background:var(--danger-bg-soft);color:var(--danger)}.ins-chip--mid{color:var(--text-2)}.ins-chip--pro{border-color:var(--border-hov);background:var(--badge-accent);color:var(--accent)}.ins-table-wrap{overflow-x:auto}.ins-thin{color:var(--text-2);font-size:.72rem;font-weight:400;display:block}.ins-table{border-collapse:collapse;width:100%;font-size:.86rem}.ins-table th,.ins-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-sub);text-align:left}.ins-table thead th{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600}.ins-row--good th{border-left:2px solid var(--success)}.ins-row--bad th{border-left:2px solid var(--danger)}.ins-bands{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ins-band{gap:var(--sp-2);margin:0;display:grid}.ins-band figcaption{color:var(--text-2);font-size:.82rem}.ins-band svg{border-radius:var(--r-sm);background:var(--surface-faint);width:100%;height:120px}.ins-band__area{fill:var(--accent-dim);stroke:none}.ins-band__median{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.ins-band__own{fill:none;stroke:var(--terran);stroke-width:2px;vector-effect:non-scaling-stroke}.ins-band__legend{gap:var(--sp-4);color:var(--text-2);flex-wrap:wrap;font-size:.75rem;display:flex}.ins-key:before{content:"";width:14px;height:3px;margin-right:var(--sp-2);vertical-align:middle;border-radius:2px;display:inline-block}.ins-key--own:before{background:var(--terran)}.ins-key--median:before{background:var(--accent)}.ins-key--band:before{background:var(--accent-dim);border:1px solid var(--accent);height:8px}.ins-attention{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.ins-track{border-radius:var(--r-pill);background:var(--success-bg-soft);height:10px;position:relative;overflow:clip}.ins-gap{background:var(--danger);opacity:.75;position:absolute;top:0;bottom:0}.ins-lever{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface-faint)}.ins-lever--lever{border-color:var(--border-hov)}.ins-lever p{margin:0 0 var(--sp-2)}.ins-lever__head{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ins-details summary{cursor:pointer;color:var(--text-2);font-size:.85rem}.ins-scouting{gap:var(--sp-4);display:grid}.ins-scouting__head{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ins-styles{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.ins-style{padding:var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface-faint)}.ins-style p{margin:var(--sp-2) 0}.ins-players{gap:var(--sp-3);flex-wrap:wrap;display:flex}.ins-player{min-height:32px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-control);border-radius:var(--r-pill);color:var(--text);cursor:pointer;background:0 0}.ins-player.is-active{border-color:var(--accent);background:var(--badge-accent)}.ins-feed{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.ins-feed__player{gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface-faint);display:grid}.ins-feed__name{color:var(--accent);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700}.ins-feed__games{gap:var(--sp-1);margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.ins-feed__game{gap:var(--sp-3);padding-left:var(--sp-3);border-left:2px solid var(--border-control);grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 3.5rem 1.5rem;display:grid}.ins-feed__game--win{border-left-color:var(--color-win)}.ins-feed__game--loss{border-left-color:var(--color-loss)}.ins-balance{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ins-list--lengths{padding-left:0;list-style:none}.ins-list--lengths li{justify-content:space-between;gap:var(--sp-4);display:flex}.ins-link{color:var(--accent);text-decoration:none}.ins-link:hover,.ins-link:focus-visible{text-decoration:underline}.ins-vod__meta{color:var(--text-2);font-size:.82rem}@media (width<=640px){.ins-feed__game{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.match-mmr-change.is-up{color:var(--color-win)}.match-mmr-change.is-down{color:var(--color-loss)}.match-vod{margin-left:var(--sp-2)}.coach-levers-filters{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}@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}}.battle-theater{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""playback""sidebar";width:100%;min-width:0;display:grid}.theater-stage{grid-area:stage;min-width:0;min-height:0;position:relative}.theater-sidebar{gap:var(--sp-3);min-width:0;padding:var(--sp-3);flex-direction:column;grid-area:sidebar;display:flex}.theater-playback{padding:var(--sp-2) var(--sp-3);grid-area:playback;overflow:visible}.theater-playback .timeline-playback-row{gap:var(--sp-2);border-radius:8px;margin:0}.theater-playback .timeline-scrub-wrapper{height:64px}.theater-sidebar-toggle{display:none}.battle-theater .heatmap-canvas-container{justify-content:center;align-items:center;height:clamp(280px,min(62vh,92vw),720px);display:flex}.battle-theater .heatmap-canvas-container canvas{flex:none}.theater-sidebar-tabs{border-bottom:1px solid var(--border-sub);gap:2px;display:flex}.theater-sidebar-tab{color:var(--text-2);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:9px 6px;font-size:11px;font-weight:700}.theater-sidebar-tab:hover{color:var(--text-1)}.theater-sidebar-tab:focus-visible{outline:2px solid var(--od-accent);outline-offset:-2px}.theater-sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.theater-panel{gap:var(--sp-2);flex-direction:column;min-height:0;display:flex}.theater-panel[hidden]{display:none}.theater-panel .timeline-jump-row,.theater-panel .timeline-fights{margin:0}.timeline-feed-root{border:1px solid var(--border-sub);background:#0003;border-radius:8px;flex-direction:column;min-height:0;max-height:280px;display:flex;overflow:hidden auto}:is(.timeline-placeholder,.timeline-feed-empty){padding:var(--sp-5);text-align:center}.theater-panel .timeline-stats-grid{gap:var(--sp-3);grid-template-columns:1fr;padding:0}.theater-panel .timeline-player-stat{padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--player-color,var(--border-sub));background:var(--surface);border-radius:4px}.theater-panel .timeline-player-stat:before{display:none}.theater-eco-name{color:color-mix(in oklch, var(--player-color,var(--text-1)) 65%, #fff);margin-bottom:6px;font-size:13px;font-weight:700}.theater-eco-name small{color:var(--muted);margin-left:4px;font-weight:400}.theater-eco-grid{gap:6px var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theater-eco-cell{flex-direction:column;min-width:0;display:flex}.theater-eco-cell .telemetry-label{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.theater-eco-value{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums;font-size:15px}.theater-build{gap:var(--sp-2);flex-direction:column;flex:1;min-height:0;display:flex}.theater-build-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.theater-build-toolbar select{border:1px solid var(--border-sub);background:var(--surface);min-width:0;min-height:32px;color:var(--text-1);border-radius:4px;flex:120px;padding:4px 6px;font-size:12px}.theater-build-vs{color:var(--muted);font-size:11px}.theater-build-workers{border:1px solid var(--border-sub);background:var(--surface);min-height:32px;color:var(--text-2);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);border-radius:4px;padding:4px 10px;font-size:11px}.theater-build-workers:hover{color:var(--text-1);border-color:var(--od-accent)}.theater-build-workers.active{color:var(--accent);border-color:var(--accent)}.theater-build-columns{gap:var(--sp-2);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.theater-build-col{border-top:2px solid var(--player-color,var(--border-sub));background:#0000002e;border-radius:0 0 4px 4px;flex-direction:column;min-width:0;min-height:0;display:flex}.theater-build-player{color:color-mix(in oklch, var(--player-color,var(--text-1)) 65%, #fff);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px 2px;font-size:12px;font-weight:700;overflow:hidden}.theater-build-player small{color:var(--muted);font-weight:400}.theater-build-head,.theater-build-row button{grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:6px;display:grid}.theater-build-head{border-bottom:1px solid var(--border-sub);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:2px 8px 4px;font-size:9px}.theater-build-head span:last-child{text-align:right}.theater-build-list{overscroll-behavior:contain;max-height:420px;margin:0;padding:2px 0;list-style:none;position:relative;overflow-y:auto}.theater-build-row button{width:100%;color:var(--muted);font-family:var(--font-body);letter-spacing:normal;text-transform:none;text-align:left;cursor:pointer;opacity:.55;transition:opacity .12s var(--ease), background-color .12s var(--ease);background:0 0;border:0;border-left:2px solid #0000;border-radius:0;padding:3px 8px;font-size:11.5px;font-weight:500}.theater-build-row button:hover{opacity:1;background:var(--surface);box-shadow:none}.theater-build-row button:focus-visible{outline:2px solid var(--od-accent);outline-offset:-2px}.theater-build-row.is-past button{opacity:1;color:var(--text-1)}.theater-build-row.is-current button{border-left-color:var(--player-color,var(--accent));background:color-mix(in oklch, var(--player-color,var(--accent)) 14%, transparent)}.theater-build-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.theater-build-action{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.theater-build-action img{border-radius:2px;flex:none;width:18px;height:18px}.theater-build-row.is-upgrade .theater-build-action{color:var(--accent)}.theater-build-supply{font-family:var(--font-mono);text-align:right;font-size:11px}.theater-build-empty{margin:var(--sp-3) 8px;color:var(--muted);font-size:11px}.theater-production-layer{z-index:3;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);pointer-events:none;display:flex;position:absolute;inset:8px;container:theater-production/size}.theater-production-layer[hidden]{display:none}.theater-production{pointer-events:auto;flex-direction:column;gap:6px;max-width:min(290px,34%);display:flex}.theater-production[data-side=right]{text-align:right;align-items:flex-end;margin-left:auto}.theater-production-title{min-height:0;color:var(--text-2);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 3px #000c;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:12px;font-weight:600}.theater-production-title:hover{color:#f1f5f9}.theater-production-title:focus-visible{outline:2px solid var(--od-accent)}.theater-production-layer.is-collapsed .theater-production-cards{display:none}.theater-production-cards{flex-direction:column;gap:6px;display:flex}.theater-production:has(.theater-prod-card+.theater-prod-card){min-height:0;max-height:100%}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-production-cards{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;min-height:0;overflow-y:auto}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-card{scroll-snap-align:start}@container theater-production (height<=160px){.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-card{padding:3px 7px 4px}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-counts{display:none}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-items{min-height:24px;margin-top:2px}.theater-production:has(.theater-prod-card+.theater-prod-card) :is(.theater-prod-item,.theater-prod-item img){width:22px}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-item{height:24px}.theater-production:has(.theater-prod-card+.theater-prod-card) .theater-prod-item img{height:22px}}.theater-prod-card{border:1px solid #ffffff12;border-left:3px solid var(--player-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e2e8f0;background:#07080fcc;border-radius:4px;min-width:190px;padding:6px 9px 7px}.theater-production[data-side=right] .theater-prod-card{border-left-width:1px;border-right:3px solid var(--player-color)}.theater-prod-name{color:color-mix(in oklch, var(--player-color) 65%, #fff);font-size:12.5px;font-weight:700}.theater-prod-counts{color:#94a3b8;font-family:var(--font-mono);flex-wrap:wrap;gap:2px 10px;font-size:10.5px;display:flex}.theater-prod-counts b{color:#f1f5f9;font-weight:600}.theater-prod-items{flex-wrap:wrap;align-items:flex-end;gap:4px;min-height:30px;margin-top:5px;display:flex}.theater-production[data-side=right] .theater-prod-counts,.theater-production[data-side=right] .theater-prod-items{justify-content:flex-end}.theater-prod-item{width:28px;height:31px;position:relative}.theater-prod-item img{border:1px solid #ffffff24;border-radius:3px;width:28px;height:28px;display:block}.theater-prod-item i{background:var(--player-color);width:100%;height:2px;box-shadow:0 0 4px var(--player-color);transform-origin:0;border-radius:1px;transition:transform .22s linear;position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.theater-prod-item i{transition:none}}.theater-prod-count{background:var(--menu-bg);border:1px solid var(--player-color);min-width:14px;color:var(--text);font-family:var(--font-mono);text-align:center;border-radius:7px;padding:0 3px;font-size:9px;font-weight:700;line-height:12px;position:absolute;top:-5px;right:-5px}.theater-prod-count:empty{display:none}.theater-prod-more{color:#94a3b8;font-family:var(--font-mono);align-self:center;font-size:11px}.theater-prod-idle{color:#64748b;align-self:center;font-size:10.5px}@media (width<=1099px){.theater-production{max-width:30%}.theater-prod-card{min-width:0;padding:5px 7px}.theater-prod-counts{gap:0 6px;font-size:9.5px}.theater-prod-item,.theater-prod-item img{width:22px}.theater-prod-item{height:25px}.theater-prod-item img{height:22px}}@media (width<=700px){.theater-production{max-width:48%}.theater-playback .timeline-playback-row{border-radius:8px;flex-wrap:wrap}.theater-playback .timeline-scrub-wrapper{flex:1 0 100%;order:10}}.timeline-layers{pointer-events:none;position:absolute;inset:0}.timeline-army-curve{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.timeline-army-axis{stroke:#ffffff14;stroke-width:1px}.timeline-army-side{stroke-width:1px}.timeline-army-side.is-left{fill:color-mix(in oklch, var(--race-terran,var(--terran)) 24%, transparent);stroke:color-mix(in oklch, var(--race-terran,var(--terran)) 55%, transparent)}.timeline-army-side.is-right{fill:color-mix(in oklch, var(--accent) 24%, transparent);stroke:color-mix(in oklch, var(--accent) 55%, transparent)}.timeline-marker.timeline-fight-band{min-width:3px;height:calc(22% + 50% * var(--fight-intensity,.5));background:linear-gradient(180deg, transparent, rgba(255, 94, 94, calc(.2 + .45 * var(--fight-intensity,.5))) 50%, transparent);box-shadow:0 0 calc(3px + 10px * var(--fight-intensity,.5)) #ff5e5e66;filter:none;border-radius:3px;top:50%;transform:translateY(-50%)}.timeline-marker.timeline-fight-band.active{background:linear-gradient(#0000,#ff6e6ed9 50%,#0000)}@media (prefers-reduced-motion:no-preference){.timeline-marker.timeline-fight-band.active{animation:1.1s ease-in-out infinite timeline-fight-pulse}}@keyframes timeline-fight-pulse{0%,to{box-shadow:0 0 6px #ff5e5e73}50%{box-shadow:0 0 18px #ff5e5ef2}}.timeline-marks{height:18px;position:absolute;left:0;right:0}.timeline-marks.is-milestones{top:3px}.timeline-marks.is-highlights{bottom:3px}.timeline-mark{z-index:7;border:1px solid var(--mark-color,var(--accent));pointer-events:auto;cursor:pointer;width:18px;height:18px;min-height:0;transition:transform .12s var(--ease), box-shadow .12s var(--ease);background:#0b0e16;border-radius:3px;padding:0;display:flex;position:absolute;top:0;transform:translate(-50%)}.timeline-mark img{object-fit:cover;border-radius:2px;width:100%;height:100%}.timeline-mark:hover,.timeline-mark:focus-visible{box-shadow:0 0 8px var(--mark-color,var(--accent));transform:translate(-50%)scale(1.2)}.timeline-mark.kind-base-lost{border-color:var(--danger);box-shadow:0 0 6px #ff5e5e99}.timeline-mark.is-highlight{background:0 0;border:0}.timeline-mark-diamond{background:var(--protoss);width:10px;height:10px;box-shadow:0 0 8px color-mix(in oklch, var(--protoss) 85%, transparent);margin:auto;transform:rotate(45deg)}.timeline-mark.kind-game-end .timeline-mark-diamond{background:#f1f5f9;box-shadow:0 0 8px #f1f5f9b3}.timeline-mark-more{background:var(--accent);color:#07080f;font-family:var(--font-mono);border-radius:6px;padding:0 3px;font-size:9px;font-weight:700;line-height:12px;position:absolute;top:-6px;right:-9px}.timeline-mark-tip{z-index:20;border:1px solid var(--border-sub);background:var(--menu-bg);color:var(--text);font-family:var(--font-body);letter-spacing:normal;text-transform:none;text-align:left;white-space:nowrap;pointer-events:none;border-radius:4px;flex-direction:column;gap:2px;padding:5px 8px;font-size:11px;font-weight:500;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.timeline-mark:hover .timeline-mark-tip{display:flex}.battle-theater:fullscreen{width:100vw;height:100vh;padding:var(--sp-3);background:var(--bg-dark)}@media (width>=1100px){#pane-battle.is-theater{width:100%;max-width:100%;height:var(--theater-height,calc(100dvh - 140px));position:relative;overflow:hidden}#pane-battle.is-theater .battle-theater{height:100%}}#pane-battle.is-theater .battle-theater{grid-template:"stage sidebar"minmax(0,1fr)"playback playback"/minmax(0,1fr) clamp(320px,25vw,460px)}.battle-theater:fullscreen{grid-template:"stage sidebar"minmax(0,1fr)"playback playback"/minmax(0,1fr) clamp(320px,25vw,460px)}#pane-battle.is-theater .battle-theater.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 0;column-gap:0}.battle-theater.sidebar-collapsed:fullscreen{grid-template-columns:minmax(0,1fr) 0;column-gap:0}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-sidebar{min-height:0;overflow:hidden}#pane-battle.is-theater .sidebar-collapsed .theater-sidebar{display:none}.battle-theater.sidebar-collapsed:fullscreen .theater-sidebar{display:none}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-sidebar-toggle{z-index:5;border:1px solid var(--border-sub);background:var(--bg-dark);width:18px;height:64px;color:var(--text-2);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);border-radius:4px;grid-area:stage;justify-content:center;place-self:center end;align-items:center;margin-right:-6px;padding:0;font-size:16px;display:flex}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-sidebar-toggle:hover{color:var(--accent);border-color:var(--accent)}.battle-theater.sidebar-collapsed .theater-sidebar-toggle span{transform:rotate(180deg)}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-panel{flex:1;overflow:hidden}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-panel .timeline-fights{flex-direction:column;flex:0 auto;min-height:0;max-height:55%;display:flex}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .timeline-fight-list{flex:auto;min-height:0;max-height:none}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .timeline-feed-root{flex:120px;max-height:none}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .theater-build-list{flex:1;max-height:none}:is(#pane-battle.is-theater,.battle-theater:fullscreen) #tactical-heatmap-root{height:100%;min-height:0}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-wrapper{height:100%;padding:var(--sp-2);gap:var(--sp-2)}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-canvas-container{flex:1;height:auto;min-height:0}:is(#pane-battle.is-theater,.battle-theater:fullscreen) :is(.heatmap-title,.heatmap-footer){display:none}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-header{flex-direction:row;justify-content:center}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-controls{justify-content:center}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-control-group .heatmap-toggle{letter-spacing:.06em;white-space:nowrap;flex-shrink:0;min-width:28px;min-height:28px;padding:4px 9px;font-size:10px}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-controls{align-items:center;gap:4px}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-control-group{flex-wrap:nowrap;align-items:center;gap:3px;padding:2px}:is(#pane-battle.is-theater,.battle-theater:fullscreen) .heatmap-follow-select{min-height:28px;padding:2px 6px}body:has(#pane-battle.is-theater:not([style*="display: none"])) .replay-tab-guide{display:none}[data-theme=light] #view-replay.has-results{--border:oklch(82% .006 250/.9);--border-hov:oklch(70% .025 75/.65);--border-sub:oklch(86% .004 250/.9);--surface:oklch(97% .003 250);--surface-hov:oklch(94% .004 250);--surface-faint:oklch(96% .003 250);--bg-card:oklch(99% .002 100);--bg-card-hov:oklch(100% 0 0);--bg-dark:oklch(94% .004 100);--accent-dim:oklch(72% .12 75/.13)}[data-theme=light] #view-replay.has-results .rpl-overview-card{background:var(--surface);border:1px solid var(--border-sub)}[data-theme=light] #view-replay.has-results .rpl-overview-card:hover,[data-theme=light] #view-replay.has-results .rpl-stat{background:var(--surface-faint)}[data-theme=light] #view-replay.has-results .rpl-stat:hover{background:var(--surface-hov);border-color:var(--border)}[data-theme=light] #view-replay.has-results .replay-tab-navigation{background:var(--bg-dark);border-color:var(--border-sub)}[data-theme=light] #view-replay.has-results :is(.tc-killed,.rpl-table-badge.badge-win){color:oklch(48% .14 145)}[data-theme=light] #view-replay.has-results :is(.tc-lost,.rpl-table-badge.badge-loss){color:oklch(52% .19 25)}[data-theme=light] #view-replay.has-results .rpl-stats-table tbody+tbody tr:first-child td{border-top-color:var(--border)}[data-theme=light] #view-replay.has-results .rpl-heroes-strip{background:var(--bg-card);border-color:var(--border-sub)}[data-theme=light] #view-replay.has-results .timeline-feed-root{background:var(--surface-faint)}.has-results .replay-overview-layout{gap:var(--sp-2,8px);min-width:0;display:grid}.has-results .rpl-header{margin-bottom:0}.has-results .rpl-overview-card{flex-direction:column;justify-content:center;min-width:0;margin:0;padding:10px 12px;display:flex}.has-results .rpl-overview-card .chart-canvas-sm{height:132px}.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);flex-wrap:wrap;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-color:color-mix(in oklch, var(--race-color) 45%, var(--border));background:color-mix(in oklch, var(--race-color) 5%, var(--bg-card))}.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}.codex-patches-intro{color:var(--muted);font-size:var(--text-sm);margin:0}.codex-patch{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex}.codex-patch-header{align-items:baseline;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;display:flex}.codex-patch-version{font-family:var(--font-display);font-size:var(--text-lg,1.15rem);letter-spacing:.04em;margin:0}.codex-patch-status{font-size:var(--text-xs,.75rem);text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:999px;padding:2px 8px}.codex-patch-status--ptr{color:var(--accent)}.codex-patch-status--live{color:var(--terran)}.codex-patch-date{color:var(--muted);font-size:var(--text-sm)}.codex-patch-source{color:var(--accent);font-size:var(--text-sm);margin-left:auto}.codex-patch-summary{margin:0}.codex-patch-group-title{margin:0 0 var(--sp-2) 0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-sm);color:var(--race-color)}.codex-patch-list{padding:0 0 0 var(--sp-4);border-left:2px solid color-mix(in oklch, var(--race-color) 50%, transparent);gap:var(--sp-2);flex-direction:column;margin:0;list-style:none;display:flex}.codex-patch-change{gap:var(--sp-3);font-size:var(--text-sm);grid-template-columns:minmax(150px,14rem) minmax(12rem,24rem) 1fr;align-items:baseline;display:grid}.codex-patch-target{font-weight:600}.codex-patch-change--same-target .codex-patch-target{visibility:hidden}.codex-patch-stat{color:var(--muted)}.codex-patch-value{white-space:nowrap;font-variant-numeric:tabular-nums}.codex-patch-from{color:var(--muted);text-decoration:line-through}.codex-patch-to{font-weight:600}@media (width<=768px){.codex-patch-change{grid-template-columns:1fr;gap:2px}.codex-patch-value{white-space:normal}.codex-patch-change--same-target .codex-patch-target{display:none}.codex-patch-source{margin-left:0}.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}}@media (width>=1100px) and (height>=640px){html{scroll-behavior:auto;height:100%;overflow:hidden}body{height:100dvh;min-height:0;overflow:clip}.app-shell{height:100dvh;min-height:0}.app-content{height:100dvh;min-height:0;overflow:clip}.app-content>main{min-height:0;padding:calc(var(--shell-subnav-height) + 12px) 20px 8px;flex-direction:column;flex:1 1 0;gap:8px;display:flex;overflow:clip}.app-content>main>#error:empty{display:none}.app-content>main>.view-panel.active{scrollbar-gutter:stable;flex-direction:column;flex:1 1 0;gap:12px;min-height:0;display:flex;overflow:hidden auto}.app-content>main>.view-panel.active>*{min-width:0}.app-content>.app-footer{gap:0 var(--sp-2);padding:0 var(--sp-4) 0;border-top:1px solid var(--border-sub);flex:none}.app-content>.app-footer .app-footer-link{min-height:28px;padding-inline:var(--sp-3)}.app-content>.app-footer .app-footer-link--button{font-family:inherit;font-size:var(--text-xs);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;font-weight:700}#view-dashboard.active,#view-ladder.active,#view-watchlist.active,#view-replay.active,#view-about.active{align-content:normal;display:flex}[data-scroll-region]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#view-dashboard #dashboard-empty{flex-direction:column;flex:1 1 0;gap:14px;min-height:0;padding:4px 0 0;display:flex}#view-dashboard .welcome-command{flex:none;gap:clamp(20px,3vw,40px);width:100%}#view-dashboard .welcome-command-kicker{margin-bottom:4px}#view-dashboard .welcome-command-title{max-width:none;font-size:clamp(1.7rem,3.1vw,2.7rem)}#view-dashboard .welcome-command-description{margin-top:8px}#view-dashboard .welcome-proof-list{gap:6px;margin-top:10px;padding:8px 0}#view-dashboard .welcome-replay-dropzone{gap:6px;min-height:0;padding:20px}#view-dashboard .welcome-replay-error{min-height:0}#view-dashboard .welcome-replay-error:empty{display:none}#view-dashboard .welcome-secondary-action{min-height:38px}#view-dashboard .home-desktop-app{flex:none;margin:0;padding:8px 16px}#view-dashboard .home-live-streams{flex:none;width:100%;margin:0}#view-dashboard .home-live-streams-title{margin:0 0 6px}#view-dashboard .home-live-streams .live-streams-grid{grid-template-columns:none;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;overflow-x:auto}#view-dashboard .home-live-streams .lb-stream-thumb{display:none}#home-upcoming-tournaments{flex:1 1 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 24px;width:100%;min-height:0;margin:0;display:grid}#home-upcoming-tournaments .home-upcoming-tournaments-heading{grid-column:1/-1;margin-bottom:8px}#home-upcoming-tournaments .home-upcoming-matches,#home-upcoming-tournaments .home-upcoming-events{min-height:0;margin:0;padding-right:4px;overflow-y:auto}#home-upcoming-tournaments .home-upcoming-subheading{margin-bottom:8px}#home-upcoming-tournaments .home-upcoming-match-spotlight{gap:10px 20px;padding:14px 18px}#home-upcoming-tournaments .home-upcoming-player{font-size:clamp(1.15rem,2vw,1.7rem)}#home-upcoming-tournaments .home-upcoming-match-row{padding:8px 14px}#home-upcoming-tournaments .home-upcoming-tournaments-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#home-upcoming-tournaments .home-upcoming-tournament{gap:6px;padding:10px 12px}@media (height>=950px){#view-dashboard #dashboard-empty{gap:28px;padding-top:12px}#view-dashboard .welcome-command-title{font-size:clamp(2.2rem,3.6vw,3.4rem)}#view-dashboard .welcome-command-description{margin-top:14px}#view-dashboard .welcome-proof-list{gap:12px;margin-top:18px;padding:14px 0}#view-dashboard .welcome-replay-dropzone{gap:10px;padding:44px 28px}#view-dashboard .welcome-secondary-action{min-height:46px}#home-upcoming-tournaments .home-upcoming-match-spotlight{padding:22px 26px}#home-upcoming-tournaments .home-upcoming-match-row{padding:12px 16px}#home-upcoming-tournaments .home-upcoming-tournament{gap:10px;padding:14px 16px}}#view-dashboard #output{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex}#view-dashboard #output:empty{display:none}#view-dashboard #output>*{min-width:0}#output .profile-hero{flex:none;padding:12px 18px}#output .profile-hero-layout{gap:10px 24px}#output .profile-hero-figure strong{font-size:20px}#output .profile-hero-actions .profile-follow-btn{min-height:36px}#output .profile-hero-status{max-height:40vh;overflow-y:auto}#output .profile-tabs-row{flex:none;padding:0;position:static}#output .profile-tab{min-height:34px;padding:6px 14px}#output .profile-tabs-tools select,#output .profile-tabs-tools .profile-mode-filter{min-height:34px}#output .profile-tabs-tools .profile-toolbar-slot,#output .profile-tabs-tools .filter-trigger{height:34px;min-height:34px}#output .profile-panel{flex:1 1 0;gap:12px;min-height:0;padding-right:2px;overflow:hidden auto}#output .profile-grid{gap:12px}#output .profile-card{flex-direction:column;min-height:0;padding:12px 14px;display:flex;overflow:auto}#output .profile-card h3{flex:none;margin-bottom:8px}#output .profile-card .chart-canvas{cursor:default;flex:1 1 0;height:auto;min-height:90px}#output .profile-card .chart-data{flex:none}#output .profile-panel--overview{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid;overflow:clip}#output .profile-panel--overview>.profile-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;min-height:0}#output .profile-panel--overview>.profile-grid:only-child{grid-column:1/-1}#output .profile-panel--overview>.profile-grid>.span-8{grid-column:span 4}#output .profile-panel--overview>.profile-grid>.span-4{grid-column:span 2}#output .profile-panel--overview>#dashboard-recent-replays-container{flex-direction:column;min-height:0;display:flex}#output .profile-panel--overview #recent-analyzed-replays{flex:1 1 0;min-height:0;overflow:auto}#output .profile-panel--performance{flex-direction:column;display:flex}#output .profile-panel--performance>.profile-grid{flex:none}#output .profile-panel--performance>.profile-grid--auto{flex:1 1 0;grid-auto-rows:minmax(0,1fr);align-items:stretch;min-height:0;overflow:auto}#output .profile-panel--performance .profile-grid--auto>.card,#output .profile-panel--performance .profile-grid--auto>.chart-grid-top>.card{min-height:0;overflow:auto}#output .profile-panel--performance .profile-grid--auto>.chart-grid-top>.smart-alerts-card{grid-area:auto}#output .profile-panel--analysis{grid-template-rows:minmax(0,1fr) auto;display:grid}#output .profile-panel--analysis>.profile-grid{align-items:stretch;min-height:0}#output .profile-panel--analysis .profile-cell{min-height:0;overflow:auto}#output .profile-panel--analysis>#insights{max-height:34vh;overflow:auto}#output .profile-panel--matches{flex-direction:column;display:flex;overflow:clip}#output .profile-panel--matches>#matches-table-container{flex:1 1 0;min-height:0;display:flex}#output .profile-panel--matches #matches{flex-direction:column;flex:auto;min-width:0;display:flex;overflow:clip}#output .profile-panel--matches #matches>.table-wrap{flex:1 1 0;min-height:0;overflow:auto}#output .profile-panel--matches #matches thead th{z-index:1;background:var(--profile-card-bg,var(--bg-dark));position:sticky;top:0}#view-archives.active{overflow:clip}#view-archives .history-outer-wrap{flex:1 1 0;width:100%;max-width:none;min-height:0;margin:0;padding:0}#view-archives .history-card{grid-template-rows:auto auto auto minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);gap:8px 14px;height:100%;display:grid}#view-archives .history-head,#view-archives .history-command-bar,#view-archives .history-summary-grid{grid-column:1/-1}#view-archives .history-head{align-items:center;padding:0 0 8px}#view-archives .history-titles{flex-direction:row;align-items:baseline;gap:12px;max-width:none;display:flex}#view-archives .history-description{display:none}#view-archives .history-head-count{align-items:baseline;gap:8px;min-width:0;padding:6px 14px;display:flex}#view-archives .history-head-count strong{font-size:1.3rem;display:inline}#view-archives .history-head-count span{margin-top:0}#view-archives .history-command-bar{margin:0;padding:8px;position:static}#view-archives .history-command-bar :is(.history-search-input,.history-select,.history-export-menu>summary,.btn-history-refresh){min-height:34px}#view-archives .history-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);margin:0}#view-archives .hist-stat-card{align-items:center;gap:10px;min-height:0;padding:6px 12px;display:flex}#view-archives .hist-stat-val{font-size:1.5rem;line-height:1.2}#view-archives .history-summary-grid .rpl-macro-meter{display:none}#view-archives .history-retention-banner{grid-column:auto}#view-archives .history-games{flex-direction:column;grid-area:4/1/6;min-height:0;margin:0;display:flex}#view-archives .history-games .history-table-wrapper{flex:1 1 0;min-height:0;margin:0;overflow:auto}#view-archives .history-table thead th{z-index:1;position:sticky;top:0}#view-archives .history-table td{padding:5px 10px}#view-archives .history-table .hist-players-wrapper{flex-flow:wrap;align-items:center;gap:2px 10px}#view-archives .history-table :is(.btn-action-view,.history-actions-menu>summary){min-height:32px}#view-archives .history-games .history-pagination-wrap{flex:none;margin-top:8px}#view-archives .history-section-heading{flex:none;margin-bottom:6px}#view-archives .history-trends,#view-archives .history-analysis{grid-column:2;min-height:0;margin:0;overflow:auto}#view-archives .history-trends{grid-row:4}#view-archives .history-analysis{grid-row:5}#view-archives .history-charts-row,#view-archives .history-charts-row.is-single-panel{grid-template-columns:minmax(0,1fr);gap:8px}#view-archives .history-chart-card{padding:8px 10px}#view-archives .history-chart-card .chart-canvas{cursor:default;height:130px}#view-archives .history-analysis-toggle{min-height:30px}#view-archives .history-games{container-type:inline-size}@container (width<=820px){#view-archives .history-table .hist-players-wrapper{flex-wrap:nowrap;gap:2px 8px}#view-archives .history-table .hist-players-teams{white-space:nowrap;flex-wrap:nowrap;gap:4px}#view-archives .history-table .race-badge-text{display:none}#view-archives .history-table .hist-mmr-info{flex-wrap:nowrap;gap:4px}#view-archives .history-table .btn-action-view span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#view-archives .history-table .btn-action-view{padding-inline:10px;position:relative}#view-archives .history-table td{padding:3px 8px}}#view-ladder.active{overflow:clip}#view-ladder .leaderboard-card{flex:1 1 0;grid-template:"title status""updated body""subtitle body""controls body"minmax(0,1fr)/260px minmax(0,1fr);gap:0 20px;min-height:0;padding:14px 16px;display:grid;overflow:clip}#view-ladder #lb-title{grid-area:title;margin:0 0 4px}#view-ladder #lb-updated-at{grid-area:updated;margin:0}#view-ladder #lb-subtitle{grid-area:subtitle;margin:4px 0 10px}#view-ladder .leaderboard-controls-v2{grid-area:controls;align-content:start;min-height:0;padding-right:4px;overflow-y:auto}#view-ladder .leaderboard-status{grid-area:status;align-self:center;min-height:0}#view-ladder .lb-ctrl-item--search,#view-ladder .lb-ctrl-item--regions{grid-column:1/-1}#view-ladder #lb-advanced-toggle{min-height:36px}#view-ladder #leaderboard-body{flex-direction:column;grid-area:body;gap:8px;min-height:0;display:flex}#view-ladder .lb-streams-panel{flex:none;margin:0;padding:6px 10px}#view-ladder .lb-streams-title{margin:0 0 4px}#view-ladder .lb-streams-panel .live-streams-grid{grid-template-columns:none;grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;overflow-x:auto}#view-ladder .lb-streams-panel .lb-stream-thumb{display:none}#view-ladder .lb-stats-container{flex:none}#view-ladder .lb-stats-details[open]>.lb-stats-details-content{max-height:38vh;overflow-y:auto}#view-ladder .lb-stats-panel{gap:8px;margin:0}#view-ladder .lb-stats-totals-cell{padding:6px 10px}#view-ladder .lb-stats-totals-value{font-size:1.15em}#view-ladder .leaderboard-table-wrap{flex:1 1 0;min-height:0;overflow:auto}#view-ladder .leaderboard-table thead th{z-index:1;background-color:var(--bg-dark);background-image:linear-gradient(var(--bg-card), var(--bg-card));position:sticky;top:0}#view-ladder .leaderboard-table td{padding-block:3px}#view-ladder .leaderboard-table .lb-player-action{min-height:30px}#view-public.active{overflow:clip}#view-public .public-replays-card{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow:clip}#view-public .public-replays-head{flex:none}#view-public .public-replays-titles{align-items:baseline;gap:12px;display:flex}#view-public .public-replays-filters{flex:none;align-items:center;margin:0}#view-public .public-replays-filters :is(input,select,.public-advanced-toggle,button){min-height:36px}#view-public .public-replays-filters>input,#view-public .public-advanced-panel>input{flex:200px;width:auto}#view-public .public-replays-filters>select,#view-public .public-advanced-panel>select{width:auto}#view-public .public-advanced-panel>input[type=number]{flex:0 110px}#view-public .public-advanced-panel{align-items:center}#view-public .public-replays-list{flex-direction:column;flex:1 1 0;min-height:0;display:flex}#view-public .public-replays-list>.history-table-wrapper{flex:1 1 0;min-height:0;margin:0;overflow:auto}#view-public .history-table thead th{z-index:1;background-color:var(--bg-dark);background-image:linear-gradient(var(--bg-card), var(--bg-card));position:sticky;top:0}#view-public .history-table td{padding-block:6px}#view-public .history-pagination-wrap{flex:none;margin:0}.pro-tournament-pill{color:var(--accent);background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 28%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:4px;max-width:180px;margin-top:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.pro-badge{letter-spacing:.5px;color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:700;display:inline-block}.pro-packs-btn{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 15%, transparent), color-mix(in oklch, var(--accent) 25%, transparent));border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);color:var(--protoss-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:all .2s;display:inline-flex}.pro-packs-btn:hover{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 25%, transparent), color-mix(in oklch, var(--accent) 35%, transparent));border-color:color-mix(in oklch, var(--accent) 60%, transparent);color:var(--text)}.public-filter-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;margin-left:6px;font-size:12px;display:inline-flex}.public-filter-checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.pro-packs-modal-card{background:var(--menu-bg);border:1px solid var(--border-control);width:95%;max-width:860px;max-height:85vh;box-shadow:var(--shadow-float);border-radius:12px;padding:24px;overflow-y:auto}.pro-pack-kicker{letter-spacing:1px;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.pro-packs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:16px;display:grid}.pro-pack-card{background:var(--surface);border:1px solid var(--border-control);border-radius:8px;flex-direction:column;gap:8px;padding:14px;transition:border-color .2s,transform .15s;display:flex}.pro-pack-card:hover{border-color:color-mix(in oklch, var(--accent) 40%, transparent);transform:translateY(-2px)}.pro-pack-card-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.pro-pack-year{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--protoss-text);border-radius:4px;padding:1px 6px;font-weight:700}.pro-pack-org{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.pro-pack-title{color:#fff;margin:0;font-size:14px;font-weight:700}.pro-pack-desc{color:#9ca3af;flex:auto;margin:0;font-size:12px;line-height:1.4}.pro-pack-meta{color:#94a3b8;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.pro-pack-highlights{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.highlight-tag{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf833;border-radius:3px;padding:2px 6px;font-size:10px}.pro-pack-actions{margin-top:6px}.btn-filter-pack{cursor:pointer;border-radius:4px;width:100%;padding:6px 12px;font-size:12px;font-weight:600}#view-replay.has-results.active{overflow:clip}#view-replay.has-results>.card{flex-direction:column;flex:1 1 0;min-height:0;padding:10px 12px;display:flex;overflow:clip}#view-replay.has-results .replay-panels-wrapper,#view-replay.has-results #replay-analyze-panel{flex-direction:column;flex:1 1 0;min-height:0;display:flex}#view-replay.has-results #replay-compare-panel:not([hidden]){flex:1 1 0;min-height:0;position:relative;overflow:hidden auto}#view-replay.has-results #replay-results{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;scroll-margin-top:0;display:flex}#replay-results>.replay-overview-layout,#replay-results>.replay-tab-navigation{flex:none}#replay-results .rpl-header{padding-block:4px}#replay-results .rpl-share-bar .btn-rpl-action{min-height:36px}#replay-results .rpl-overview-card{padding:8px 12px}#replay-results .rpl-overview-card .chart-canvas{cursor:default;height:128px}#replay-results .replay-tab-navigation{margin-top:0;position:static}#replay-results .replay-group-tab{min-height:34px;padding-block:5px}#replay-results .replay-tabs{padding:3px}#replay-results>.rpl-tab-pane:not([hidden]){flex:1 1 0;grid-auto-rows:max-content;align-content:start;min-height:0;margin:0;padding-right:2px;overflow:hidden auto}#replay-results>#pane-build:not([hidden]){grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;overflow:clip}#pane-build .build-order-container{min-height:0}#pane-build .bo-toolbar{flex:none;padding:4px 6px}#pane-build .bo-toolbar .mini-toolbar-btn{min-height:30px;padding:4px 10px}#pane-build .bo-board{grid-template-columns:repeat(var(--bo-cols,2), minmax(180px, 1fr));flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0;overflow:auto clip}#pane-build .bo-column{min-height:0}#pane-build .bo-column.is-team-start{margin-left:10px}#pane-build .bo-column-list{flex:1 1 0;min-height:0;max-height:none}#pane-build .build-order-container{container:bo-board/inline-size}@container bo-board (width>=1460px){#pane-build .bo-board[data-cols="2"] .bo-column-list{grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:clip}#pane-build .bo-board[data-cols="2"] .bo-phase{min-height:0;overflow-y:auto}#pane-build .bo-board[data-cols="2"] .bo-phase+.bo-phase{border-left:1px solid var(--border-sub)}#pane-build .bo-toolbar:has(+.bo-board[data-cols="2"]) .bo-phase-jump{display:none}}@container bo-board (width>=730px){#pane-build .bo-board[data-cols="1"] .bo-column-list{grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:clip}#pane-build .bo-board[data-cols="1"] .bo-phase{min-height:0;overflow-y:auto}#pane-build .bo-board[data-cols="1"] .bo-phase+.bo-phase{border-left:1px solid var(--border-sub)}#pane-build .bo-toolbar:has(+.bo-board[data-cols="1"]) .bo-phase-jump{display:none}}#replay-results>#pane-battle:not([hidden]){position:relative;overflow:clip}#replay-results>#pane-battle.is-theater{height:auto}#replay-results>#pane-battle.is-theater>.battle-theater{height:auto;position:absolute;inset:0}#view-replay:not(.has-results).active{overflow:clip}#view-replay:not(.has-results)>.card{flex:1 1 0;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:14px 18px;overflow:clip}#view-replay:not(.has-results) .replay-hero{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:0}#view-replay:not(.has-results) .replay-hero-title{margin:0 0 4px}#view-replay:not(.has-results) .replay-hero-desc{line-height:1.4}#view-replay:not(.has-results) :is(#replay-analyze-panel,#replay-compare-panel,#replay-batch-panel):not([hidden]){grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;align-self:stretch;align-items:stretch;min-height:0;overflow:auto}#view-replay:not(.has-results) .replay-upload-layout{align-self:stretch;min-height:0}#view-replay:not(.has-results) .replay-upload-form{flex:1 0 auto;align-items:stretch;display:flex}#view-replay:not(.has-results) .replay-dropzone{flex:auto;width:100%;min-height:160px}#view-replay:not(.has-results) #replay-history-section{min-height:0;overflow:auto}#view-codex.active{overflow:clip}#view-codex #codex-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex}#view-codex .codex-container{flex-direction:column;flex:1 1 0;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:flex}#view-codex .codex-container>*{margin:0}#view-codex .codex-header{flex:none;align-items:baseline;gap:14px;display:flex}#view-codex .codex-title{font-size:var(--text-xl,1.4rem);margin:0}#view-codex .codex-race-tabs,#view-codex .codex-filter-bar{flex:none;margin:0}#view-codex .codex-race-tab{padding:6px 16px}#view-codex .codex-filter-btn,#view-codex .codex-search{min-height:32px}#view-codex .codex-content{flex:1 1 0;gap:10px;min-height:0}#view-codex .codex-tech-tree{flex:none;max-height:32%;padding:10px 14px;overflow:auto}#view-codex .codex-items{flex:1 1 0;min-height:0;padding-right:4px;overflow-y:auto}#view-codex .codex-patches{padding-right:4px;overflow:auto}#view-about .about-wrap{gap:10px;width:100%;max-width:none;padding:0}#view-about .about-card{padding:12px 16px}#view-about .about-hero-shell{gap:14px}#view-about .about-hero-copy{gap:6px}#view-about .about-hero-copy h2{font-size:clamp(1.6rem,2.6vw,2.3rem)}#view-about .about-hero-copy p{line-height:1.5}#view-about .about-hero-panel{padding:12px 16px}#view-about .about-hero-panel-inner{gap:6px}#view-about .about-sigil{width:40px;height:40px}#view-about .about-sigil img{width:26px;height:26px}.legal-view .legal-wrap{column-count:2;column-gap:48px;width:100%;max-width:none;padding:0 4px 8px 0;display:block}.legal-view .legal-wrap>*{margin-bottom:12px}.legal-view .legal-wrap>:is(.legal-title,.legal-updated,.legal-disclaimer,.legal-body){column-span:all}.legal-view .legal-wrap>.legal-title{margin-bottom:8px;font-size:clamp(1.4rem,2.4vw,1.9rem)}.legal-view .legal-section{break-inside:avoid;padding-top:10px}.legal-view .legal-body{line-height:1.55}.auth-container--account{gap:10px;padding:0 4px 4px 0}#view-coach .coach-wrap{flex-direction:column;flex:1 1 0;width:100%;max-width:none;min-height:0;margin:0;display:flex}#view-coach .coach-header{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 10px;display:flex}#view-coach .coach-header h1{margin:0;font-size:1.6rem}#view-coach .coach-header p{margin:0}#view-coach #coach-content{flex:1 1 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}#view-coach #coach-content>.coach-metrics,#view-coach #coach-content>.coach-note,#view-coach #coach-content>.coach-empty,#view-coach #coach-content>p{grid-column:1/-1}#view-coach #coach-content>.coach-section{grid-column:1;margin:0}#view-coach #coach-content>.coach-ai{grid-area:span 2/2}#view-admin.active{overflow:clip}#view-admin .admin-workspace{flex-direction:column;flex:1 1 0;gap:10px;width:100%;max-width:none;min-height:0;margin:0;display:flex}#view-admin .admin-workspace-header{flex:none;margin:0;padding:8px 14px}#view-admin #admin-premium-panel:not([hidden]){flex:none;max-height:34%;margin:0;overflow:auto}#view-admin .admin-tools-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;min-height:0;margin:0;display:grid}#view-admin .admin-tools-grid>.card{grid-column:auto;align-self:stretch;min-height:0;margin:0;overflow:auto}#view-watchlist.active{overflow:clip}#view-watchlist>.card{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:clip}#view-watchlist #favorites-list{flex:1 1 0;min-height:0;overflow:auto}#view-training{padding:0}#view-training.active{overflow:clip}#view-training .training-view{grid-template-rows:auto auto auto;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;height:100%;display:grid}#view-training .training-view>.training-hero,#view-training .training-view>.training-overview-bar,#view-training .training-view>.training-race-filter{grid-column:1/-1}#view-training .training-hero{flex-flow:wrap;align-items:baseline;gap:4px 14px}#view-training .training-view>.training-section,#view-training .training-view>.card{min-height:0;padding:12px 14px;overflow:auto}}[data-theme=light] .btn-primary{background:var(--accent);color:var(--btn-text)}[data-theme=light] .btn-primary:hover{color:var(--btn-text);background:oklch(47% .14 58)}[data-theme=light] :is(.status-indicator--online,.status-indicator--degraded,.status-indicator--offline,.rpl-macro-meter-fill,.legend-dot,.home-upcoming-live-indicator i,.timeline-mark-diamond,.profile-tab-marker,.timeline-mark.kind-base-lost){box-shadow:none}[data-theme=light] .rpl-hero-img-wrap{box-shadow:var(--shadow-sm);background:radial-gradient(circle at 50% 35%,oklch(100% 0 0),oklch(92% .004 250))}[data-theme=light] .cookie-consent-banner{box-shadow:0 -4px 16px oklch(30% .02 250/.08)}[data-theme=light] .welcome-replay-dropzone{background:var(--bg-card);border-color:color-mix(in oklch, var(--accent) 60%, transparent)}[data-theme=light] :is(.welcome-replay-dropzone:hover,.welcome-replay-dropzone.is-drag-over,.welcome-replay-dropzone:has(input:focus-visible)){background:var(--accent-dim);border-color:var(--accent)}[data-theme=light] .home-desktop-app{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .home-upcoming-match-spotlight{border-color:var(--border);background:radial-gradient(ellipse at 88% 0%, color-mix(in oklch, var(--accent) 6%, transparent), transparent 48%), var(--bg-card);box-shadow:var(--shadow-sm)}[data-theme=light] .home-upcoming-match-row,[data-theme=light] .home-upcoming-tournament{background:var(--bg-card)}[data-theme=light] #view-archives{--archive-panel:var(--bg-card);--archive-panel-raised:oklch(98.5% .002 250)}