@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);font-weight:700;font-size:var(--text-sm);border-radius:0 0 var(--r) var(--r);transition:transform var(--dur-fast) var(--ease);text-decoration:none;position:absolute;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--muted) 50%, 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);min-height:100vh;font-size:14px;line-height:var(--lh-body);font-variant-numeric:tabular-nums;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;overflow-x:hidden}[data-theme=light] body{background-image:none}p,li,dd,figcaption,blockquote{text-wrap:pretty}a:not([class]),.about-contact-link{color:var(--accent)}.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{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-strong) 50%, var(--surface) 75%);animation:shimmer var(--dur-slow) infinite linear;border-radius:var(--r);background-size: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:color-mix(in oklch, var(--text) 5%, transparent);animation:none}}button{background:var(--surface-faint);min-height:36px;color:var(--text-2);border:1px solid var(--border-control);border-radius:var(--r);padding:var(--sp-2) var(--sp-5);cursor:pointer;font-weight:500;font-family:var(--font-display);font-size:var(--text-sm);line-height:var(--lh-snug);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}button:hover{background:var(--surface-hov);border-color:var(--border-control-hover);color:var(--text);box-shadow:none}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-history-section{display:none}#view-replay.has-results>.card{background:0 0;border:0;border-radius:0;min-width:0;max-width:100%;padding:0}.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);font-size:var(--text-page);color:var(--text);margin-bottom:12px}.replay-hero-title:before{display:none}.replay-hero-desc{color:var(--text-2);max-width:60ch;font-size:14px;line-height:var(--lh-body);margin:0}.replay-mode-tabs{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.replay-mode-tab{color:var(--text-muted);font-size:var(--text-small);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-weight:600;display:inline-flex}.replay-mode-tab:hover{color:var(--text);background:var(--surface-hov)}.replay-mode-tab.active{background:var(--accent-dim);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--border-hov)}.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{background:var(--bg-card);border:1.5px dashed var(--border-control-hover);cursor:pointer;min-height:220px;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);text-align:center;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{align-items:start;gap:var(--sp-5);grid-template-columns:minmax(0,1fr);padding:0;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{gap:var(--sp-5) clamp(20px, 3vw, 48px);grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start;min-width:0;display:grid}#view-replay:not(.has-results) #replay-analyze-panel:has(>#replay-history-section[hidden]){grid-template-columns:minmax(0,1fr)}#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{margin:0 0 8px}#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:0}.replay-dropzone{min-height:180px;padding:24px 16px}.replay-hero{gap:12px}}.replay-dropzone:hover,.replay-dropzone:focus-within{border-color:var(--accent);background:var(--accent-dim)}.replay-dropzone:focus-within{outline:2px solid var(--accent);outline-offset:3px}.dropzone-icon{color:var(--accent);opacity:.8;transition:transform var(--dur-fast) var(--ease)}.replay-dropzone:hover .dropzone-icon,.replay-dropzone:focus-within .dropzone-icon{opacity:1}@media (prefers-reduced-motion:reduce){.replay-dropzone:hover,.replay-dropzone:focus-within,.replay-dropzone:hover .dropzone-icon,.replay-dropzone:focus-within .dropzone-icon{transform:none}}.dropzone-title{color:var(--text);margin-bottom:4px;font-size:16px;display:block}.dropzone-subtitle{font-size:var(--text-small);color:var(--text-muted);display:block}.compare-slots-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.compare-dropzone{padding:32px 16px}.compare-slot-label{font-size:var(--text-xs);color:var(--text-2);margin-bottom:8px;font-weight:700}.compare-dropzone .dropzone-text{font-size:14px;font-weight:600}.rpl-cards-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;display:grid}.rpl-focus-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.rpl-charts-main-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rpl-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}@media (width<=760px){.rpl-focus-strip,.rpl-cards-grid,.replay-workbench-strip,.rpl-charts-grid{grid-template-columns:1fr}}.hist-streak-banner{border-radius:var(--r);font-size:var(--text-small);border:1px solid;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;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-ink)}.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);border:1px solid var(--border-subtle);font-size:var(--text-small);border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px 12px;display:flex}.hist-opp-badge{font-size:var(--text-xs);white-space:nowrap;border-radius:4px;padding:2px 6px;font-weight:700}.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)}.hist-opp-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.hist-opp-record{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.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{font-size:var(--text-section);letter-spacing:var(--type-section-tracking);margin:0}.history-kicker,.history-welcome-card .kicker{font-size:var(--text-xs);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:700;display:inline-flex;position:relative}.history-admin-scope-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.history-admin-scope-option>span{margin-block:auto}.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{background:color-mix(in oklch, var(--text) 2.5%, transparent);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);padding:20px 16px;position:relative;overflow:hidden}.hist-stat-card:before{content:"";background:var(--accent-gradient);opacity:0;transition:opacity var(--dur-fast) 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:var(--text-figure);font-weight:700;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);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:color-mix(in oklch, var(--text) 1.5%, transparent);grid-column:1/-1;padding:8px}.history-charts-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.history-chart-card{background:color-mix(in oklch, var(--text) 2%, transparent);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin-bottom:0;padding:20px}.history-sub-title{font-size:var(--text-xs);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{background:color-mix(in oklch, var(--text) 2.5%, transparent);border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease);padding:16px}button.hist-matchup-card{width:100%;min-height:44px;font:inherit;color:inherit;text-align:inherit;cursor:pointer;display:block}button.hist-matchup-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.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,.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;display:block;overflow:hidden}.hist-matchup-bar-fill{background:var(--accent);height:100%;transition:transform .5s var(--ease-out-quart);transform-origin:0;border-radius:2px;display:block}.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{background:color-mix(in oklch, var(--text) 2.5%, transparent);border:1px solid var(--border-subtle);border-radius:var(--r);transition:border-color var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}button.hist-map-card{width:100%;min-height:44px;font:inherit;color:inherit;text-align:inherit;cursor:pointer}button.hist-map-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.hist-map-card:hover{border-color:var(--border-hov)}.hist-map-card .hist-map-name{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.hist-map-wrapper .hist-map-name{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;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{background:color-mix(in oklch, var(--text) 2%, transparent);border:1px solid var(--border-subtle);border-radius:var(--r-lg);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}button.hist-gl-card{min-height:44px;font:inherit;color:inherit;cursor:pointer}button.hist-gl-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}.hist-gl-card:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.hist-gl-card:hover{transform:none}}.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{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;font-weight:600}.hist-gl-val{font-size:var(--text-section);font-weight:700;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{font-size:var(--text-xs);color:var(--muted)}.hist-mt-crosstab{background:color-mix(in oklch, var(--text) 2%, transparent);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin:0 0 32px;padding:20px}.hist-ct-scroll{overflow-x:auto}.hist-ct-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.hist-ct-th{text-align:center;font-size:var(--text-xs);color:var(--muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:6px 10px;font-weight:700}.hist-ct-th-map{text-align:left}.hist-ct-map{font-weight:500;font-size:var(--text-xs);white-space:nowrap;border-bottom:1px solid color-mix(in oklch, var(--text) 4%, transparent);padding:6px 10px}.hist-ct-cell{text-align:center;border-bottom:1px solid color-mix(in oklch, var(--text) 4%, transparent);vertical-align:middle;border-radius:4px;padding:2px}.hist-ct-drill{width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;display:flex}.hist-ct-drill[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}.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-weight:700;font-size:var(--text-xs);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{font-size:var(--text-xs);opacity:.55;display:block}.history-table-wrapper{margin-bottom:24px}.history-table{border-collapse:collapse;width:100%}.history-table th{text-align:left;font-size:var(--text-xs);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);font-size:var(--text-small);vertical-align:middle;padding:8px 14px}.col-date,.history-origin-cell{min-width:140px}.hist-upload-date,.history-origin-primary{color:var(--text);font-weight:700;display:block}.hist-match-date,.history-origin-secondary{color:var(--muted);font-size:var(--text-xs);margin-top:2px;display:block}.history-row.win{background-color:color-mix(in oklch, var(--color-win) 3.5%, transparent)}.history-row.loss{background-color:rgba(var(--danger-rgb), .035)}.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{font-size:var(--text-xs);color:var(--muted)}.hist-public-badge{border:1px solid color-mix(in oklch, var(--success) 35%, transparent);border-radius:var(--r);color:var(--success);font-size:var(--text-xs);align-self:flex-start;padding:2px 6px;font-weight:700}.hist-public-badge--other{border-color:var(--border-subtle);color:var(--muted)}.hist-origin-badge{border-color:var(--border-hov);color:var(--text)}.hist-private-badge{border-color:var(--border-subtle);color:var(--muted)}.replay-shared-by{font-size:var(--text-xs);margin:0 0 8px}.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{width:22px;height:22px;font-size:var(--text-xs);letter-spacing:normal;border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.badge-outcome-mini.win{background:color-mix(in oklch, var(--color-win) 12%, transparent);color:var(--color-win);border:1px solid color-mix(in oklch, var(--color-win) 25%, transparent)}.badge-outcome-mini.loss{background:rgba(var(--danger-rgb), .12);color:var(--color-loss);border:1px solid rgba(var(--danger-rgb), .25)}.hist-players-wrapper{flex-direction:column;gap:4px;display:flex}.hist-players-teams{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hist-mmr-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mmr-tag{font-size:var(--text-xs);padding:var(--sp-1) 6px;font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums;background:var(--surface-hov);border:1px solid var(--border-subtle);color:var(--text-2);border-radius:3px}.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);font-size:var(--text-xs);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;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{background:var(--surface-faint);border:1px solid var(--border-subtle);font-size:var(--text-small);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);border-radius:5px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;display:inline-flex}.btn-action-view:hover{background:var(--accent-dim);border-color:var(--accent);transform:scale(1.05)}a.btn-action-view,a.btn-action-view:hover{text-decoration:none}.btn-action-copy:hover{background:var(--surface-strong);border-color:var(--border-hov);transform:scale(1.05)}.history-pagination-wrap{justify-content:center;padding-top:16px;display:flex}.replay-history-header{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:12px;display:flex}.replay-history-title{font-size:var(--text-sm);color:var(--text);white-space:nowrap;font-weight:600}.replay-history-note{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted);flex-basis:100%;order:1}.replay-history-note a{color:var(--accent-ink)}.replay-history-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:background var(--dur-fast) var(--ease);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin-bottom:8px;padding-right:4px;display:grid}.replay-history-wrapper:hover{background:var(--bg-card-hov)}.replay-history-item{border-radius:inherit;cursor:pointer;text-align:left;width:100%;min-width:0;font:inherit;text-transform:none;letter-spacing:normal;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:12px;display:grid}.replay-history-item:hover{background:0 0}.replay-history-item-main{display:contents}.replay-history-item-map{font-size:var(--text-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;font-weight:600;overflow:hidden}.replay-history-item-players{min-width:0;font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-2);flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:baseline;gap:2px 4px;display:flex}.replay-history-participant{align-items:baseline;gap:4px;min-width:0;max-width:100%;display:inline-flex}.replay-history-player{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.replay-history-item-players .vs{color:var(--muted);flex-shrink:0;font-weight:500}.replay-history-item-meta{grid-area:1/2}.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-sm);letter-spacing:normal;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,.replay-history-delete{border-radius:var(--r-sm);width:44px;height:44px;color:var(--text-2);font-size:var(--text-small);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.replay-history-download{text-decoration:none}.replay-history-wrapper:hover .replay-history-download,.replay-history-download:focus-visible{opacity:1}.replay-history-download:hover{color:var(--accent-ink);background:color-mix(in oklch, var(--accent) 10%, transparent)}.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)}@media (hover:none){.replay-history-download,.replay-history-delete{opacity:1}}.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-size:var(--text-lg);line-height:1}.replay-archive-panel[open]>summary:after{content:"-"}.replay-archive-panel summary strong{font-size:var(--text-sm);display:block}.replay-archive-panel summary small{color:var(--text-2);font-size:var(--text-xs);line-height:var(--lh-snug);margin-top:2px;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{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--text-small);cursor:pointer;transition:all var(--dur-fast) var(--ease);letter-spacing:normal;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-archives-shortcut:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink);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}}.history-claim{z-index:900;gap:var(--sp-4);width:min(420px,100vw - 32px);max-height:calc(100vh - 120px);padding:var(--sp-5);background:var(--surface-elev);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--r-lg);flex-direction:column;display:flex;position:fixed;top:76px;right:16px;overflow:auto}.history-claim__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.history-claim__title{font-size:var(--text-lg);line-height:var(--lh-snug);margin:0}.history-claim__dismiss{border:1px solid var(--border-sub);border-radius:var(--r-sm);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:color .12s,background-color .12s;display:inline-flex}.history-claim__dismiss:hover{color:var(--text);background:var(--surface-hov)}.history-claim__intro{color:var(--muted);font-size:var(--text-small);line-height:var(--lh-ui);margin:0}.history-claim-group{gap:var(--sp-2);flex-direction:column;display:flex}.history-claim-group__title{font-size:var(--text-xs);color:var(--text-2);margin:0}.history-claim-group__hint{font-size:var(--text-xs);line-height:var(--lh-ui);color:var(--muted);margin:0}.history-claim-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-claim-row{margin:0}.history-claim-row__label{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:background-color .12s,border-color .12s;display:flex}.history-claim-row__label:hover{background:var(--surface-hov);border-color:var(--border)}.history-claim-row.is-owned .history-claim-row__label{cursor:default;opacity:.75}.history-claim-row__check{accent-color:var(--accent);flex:none;margin-top:2px}.history-claim-row__body{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.history-claim-row__line{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.history-claim-row__map{font-size:var(--text-small);font-weight:700}.history-claim-row__matchup{font-size:var(--text-xs);color:var(--text-2)}.history-claim-row__result{font-size:var(--text-xs);font-weight:700}.history-claim-row__result.is-win{color:var(--success)}.history-claim-row__result.is-loss{color:var(--danger)}.history-claim-row__result.is-draw,.history-claim-row__result.is-unknown{color:var(--muted)}.history-claim-row__players{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.history-claim-row__players .vs{color:var(--muted);font-size:var(--text-xs)}.history-claim-row__player{align-items:center;gap:var(--sp-1);min-width:0;display:inline-flex}.history-claim-row__name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.history-claim-row__meta{font-size:var(--text-xs);color:var(--muted)}.history-claim-row__owned{border-radius:var(--r-pill);background:var(--accent-dim);color:var(--accent-ink);font-size:var(--text-xs);white-space:nowrap;flex:none;align-self:center;padding:2px 6px;font-weight:700}.history-claim__actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.history-claim__submit{flex:auto;min-height:36px}.history-claim__submit:disabled{opacity:.5;cursor:not-allowed}.history-claim__later{min-height:36px;padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);cursor:pointer;background:0 0;transition:color .12s,background-color .12s}.history-claim__later:hover{color:var(--text);background:var(--surface-hov)}@media (width<=560px){.history-claim{width:auto;max-height:calc(100vh - 24px);top:12px;left:12px;right:12px}}.batch-dropzone{border:2px dashed var(--border-sub);border-radius:var(--r-lg);background:color-mix(in oklch, var(--text) 2%, transparent);text-align:center;transition:all var(--dur-fast) var(--ease);cursor:pointer;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);border:1px solid var(--border-sub);margin-bottom:2rem;padding:1.5rem}.batch-progress-header{font-weight:700;font-family:var(--font-display);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{background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);font-size:var(--text-sm);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-border-soft);opacity:.8}.batch-item.is-error{border-color:var(--danger);background:var(--danger-bg-subtle)}.batch-dropzone:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.batch-item-icon{text-align:center;width:20px;font-weight:700}.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;min-width:0;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}.batch-dropzone:hover .batch-icon,.batch-dropzone.drag-over .batch-icon{transform:none}}@media (width<=640px){.batch-dropzone{padding:var(--sp-5) var(--sp-4)}.batch-pick-btn{white-space:normal;min-height:44px}}#replay-form{box-shadow:none;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:0;padding:0;display:grid}#replay-form:hover{background:0 0}.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);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);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-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);color:var(--accent-ink);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-error-ref{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);-webkit-user-select:all;user-select:all;margin-left:6px}.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, transparent 0%, color-mix(in oklch, var(--text) 25%, transparent) 48%, transparent 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)}.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-ink);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-ink)}.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-ink)}.btn-rpl-action.replay-history-clear,.btn-rpl-action.replay-history-all,.btn-rpl-action.compare-reset-btn,#btn-public-reset{font-size:var(--text-sm);min-height:unset;color:var(--muted);letter-spacing:normal;background:0 0;border-color:#0000;padding:4px 10px;font-weight:600}#btn-public-reset,.btn-rpl-action.replay-history-clear,.btn-rpl-action.replay-history-all,.btn-rpl-action.compare-reset-btn{min-height:44px}.btn-rpl-action.replay-history-all{color:var(--text-2);margin-left:auto}.btn-rpl-action.replay-history-all:hover{color:var(--accent-ink);border-color:color-mix(in oklch, var(--accent) 30%, transparent);background:color-mix(in oklch, var(--accent) 6%, transparent)}.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{font-size:var(--text-xs);color:var(--muted);grid-column:span 3;align-items:center;gap:10px;margin-top:12px;margin-bottom:4px;font-weight:700;display:flex}.rpl-stat-group-lbl:after{content:"";background:var(--border-sub);flex:1;height:1px}.rpl-apm-gauge{background:var(--border-sub);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:var(--border-sub);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.rpl-macro-meter-fill{height:100%}.rpl-details-summary{font-size:var(--text-xs);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-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{opacity:1}50%{opacity:.6}}@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<=760px){#replay-form{grid-template-columns:1fr}}.compare-v2-container{gap:24px;padding-top:8px;display:grid}.compare-vs-header{grid-template-columns:minmax(0,1fr) auto minmax(0,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);min-width:0;transition:transform var(--dur) var(--ease-out-quart);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;min-width:0;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{font-size:var(--text-xs);color:var(--hero-color);margin-bottom:4px;font-weight:700}.compare-hero-name{font-size:var(--text-page);font-weight:var(--type-page-title-weight);letter-spacing:var(--type-page-title-tracking);color:var(--text);line-height:var(--lh-tight);overflow-wrap:anywhere;margin-bottom:8px}.compare-hero-badge{font-size:var(--text-xs);background:var(--surface-2);color:var(--text-2);border:1px solid #0000;border-radius:4px;padding:2px 8px;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{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.side-right .compare-hero-stats{justify-content:flex-end}.stat-chip{font-size:var(--text-xs);background:var(--surface);color:var(--text-2);border:1px solid var(--border-sub);border-radius:99px;padding:3px 8px}.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:700;display:flex}.compare-v2-pickers{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:16px;display:grid}.compare-v2-sep{justify-content:center;display:flex}.compare-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;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{font-size:var(--text-page);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-weight:700;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{font-size:var(--text-xs);color:var(--text-2);font-weight:700}.verdict-v2-verdict{font-size:var(--text-section);letter-spacing:var(--type-section-tracking);font-weight:var(--type-section-weight);color:var(--text);margin:2px 0 0}.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{font-size:var(--text-small);color:var(--text-2);line-height:var(--lh-body);margin:0}.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{font-size:var(--text-xs);color:var(--text-2);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{font-size:var(--text-xs);color:var(--text);text-align:right;min-width:32px;font-weight:700}.btn-v2-outline{border:1px solid var(--border);color:var(--text-2);border-radius:var(--r);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;padding:8px 16px;font-weight:600}.btn-v2-outline:hover{border-color:var(--text-2);color:var(--text);background:color-mix(in oklch, var(--text) 5%, transparent)}.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{font-size:var(--text-xs);color:var(--muted);line-height:var(--lh-body)}.sig-table{gap:2px;display:grid}.sig-table-header,.sig-row{border-radius:var(--r-sm);font-size:var(--text-xs);grid-template-columns:70px 1fr 46px 42px;align-items:center;gap:8px;padding:5px 8px;display:grid}.sig-table-header{font-size:var(--text-xs);color:var(--muted);margin-bottom:2px;font-weight:700}.sig-row:nth-child(2n){background:var(--surface)}.sig-row-group{font-size:var(--text-xs);font-weight:700}.sig-row-label{color:var(--text-2)}.sig-row-val{font-family:var(--font-body);text-align:right;font-weight:600}.sig-row-na{color:var(--muted);font-weight:400}.sig-row-weight{color:var(--muted);font-size:var(--text-xs);text-align:right}.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-body);font-weight:500}.stat-v2-val.side-left{text-align:left}.stat-v2-val.side-right{text-align:right}.stat-v2-label{text-align:center;font-size:var(--text-xs);color:var(--muted);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:var(--text-headline)}}@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;small{font-size:max(.85em, var(--text-xs))}main{width:100%;max-width:var(--page-max);padding:24px var(--page-pad) 48px;align-content:start;gap:14px;margin-inline:auto;display:grid}@media (width<=640px){main{padding:12px 16px 40px}}.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{justify-content:center;align-items:center;gap:var(--sp-2);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:0;display:flex}.brand-name{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.brand-name span{color:var(--accent)}.brand-mark{flex:none;width:28px;height:28px;display:block}.status-indicator{background:var(--text-2);width:8px;height:8px;margin-left:var(--sp-1);transition:background-color .4s var(--ease);border-radius:50%;position:relative}.status-indicator--online{background:var(--status-active)}.status-indicator--degraded{background:var(--warn)}.status-indicator--offline{background:var(--danger)}.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{font-size:var(--text-xs);color:var(--text-2);font-weight:700}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{font-size:var(--text-xs);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-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-ink)}.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;min-height:44px;font-size:var(--text-xs);background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;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{font-size:var(--text-xs);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-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{background:var(--surface);border:1px solid color-mix(in oklch, var(--text) 6%, transparent);color:var(--text-2);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.filter-trigger:hover{background:var(--surface-strong);border-color:var(--border-control-hover);color:var(--text)}.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]{background:var(--surface-strong);border-color:var(--border-control-hover);color:var(--text)}.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;background:var(--surface);border:1px solid var(--border-control);color:var(--text-2);min-height:44px;font-size:var(--text-small);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:8px;padding:0 28px 0 12px;font-weight:600}.header-lang select:hover{background:var(--surface-strong);border-color:var(--border-control-hover);color:var(--text)}.lang-help-link{color:var(--text-2);font-size:var(--text-xs);white-space:nowrap;text-underline-offset:3px;min-height:44px;transition:color var(--dur-fast) var(--ease);align-items:center;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:"▾";font-size:var(--text-xs);pointer-events:none;opacity:.5;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-icon-btn{background:var(--surface);border:1px solid color-mix(in oklch, var(--text) 6%, transparent);color:var(--text-2);cursor:pointer;min-width:44px;min-height:44px;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);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.header-icon-btn:hover{background:var(--surface-strong);border-color:var(--border-control-hover);color:var(--text);transform:none}#btn-auth-open.is-logged-in{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);text-align:start;flex:none;position:relative}.topbar-account-avatar{border-radius:var(--r-pill);background:color-mix(in oklch, var(--text) 10%, transparent);width:32px;height:32px;color:var(--text);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.topbar-account-details{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.topbar-account-avatar[data-initial]:before{content:attr(data-initial)}.topbar-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:132px;color:var(--text);font-size:14px;font-weight:500;line-height:18px;overflow:hidden}#btn-auth-open .premium-badge{gap:var(--sp-2);font-size:var(--text-xs);background:0 0;border:0;border-radius:0;padding:0;font-weight:500;line-height:16px}#btn-auth-open .premium-badge__mark{width:12px;height:12px}#btn-auth-open:active{background:var(--surface-strong);border-color:var(--border-control-hover)}#btn-auth-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=767px){#btn-auth-open.is-logged-in{padding:var(--sp-2);gap:0}#btn-auth-open .topbar-account-name{display:none}#btn-auth-open .premium-badge{inset-inline-end:1px;border:2px solid var(--surface);border-radius:var(--r-pill);background:var(--premium-bg);place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:1px}#btn-auth-open .premium-badge__label{display:none}}@media (width<=640px){.header-actions{gap:8px;margin-left:0}.header-lang{flex:none}.header-lang select{width:98px;min-height:44px;font-size:var(--text-small);padding:0 20px 0 8px}.header-icon-btn{min-width:44px;min-height:44px}}@media (width<=360px){.header-lang select{width:56px}}@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,.demo-banner__text,.demo-story__note,.demo-story__next>p,.rpl-summary-note,.chart-hint,.rpl-hotkey-summary-note,.rpl-hotkey-detail>p,.replay-figure figcaption,.replay-summary__note,.replay-debrief__coverage p,.replay-figure__hint{max-width:64ch}@media (width>=761px){#main-content :is(#view-dashboard .lb-stream-name,#view-dashboard .lb-stream-title,#view-dashboard .lb-stream-viewers,#view-dashboard .race-badge-text,#view-ladder .race-badge-text,#view-archives .race-badge-text,#view-replay .race-badge-text,#view-ladder .lb-league-chip,#view-ladder .lb-live-badge span,#view-ladder .lb-stats-section-title,#view-dashboard #output .profile-hero-figure>span,#view-dashboard #output .profile-hero-kicker b,#view-dashboard #output .profile-hero-kicker .tabular,#view-dashboard #output .profile-hero-meta,#view-dashboard #output .profile-follow-btn span,#view-dashboard #output .profile-action-primary,#view-dashboard #output .profile-tab,#view-dashboard #output .profile-mode-filter span,#view-dashboard #output .profile-card li>small,#view-dashboard #output .help-icon,#view-dashboard #output .vs-sep,#view-dashboard #output .badge-outcome,#view-dashboard #output .replay-date,#view-watchlist small,#view-watchlist .delta-badge,#view-watchlist .priority-badge,#view-watchlist .mini-toolbar-btn,#view-archives .btn-claim-subtle,#view-archives .help-icon,#view-archives .mmr-tag,#view-archives .hist-stat-lbl,#view-archives .badge-outcome-mini,#view-archives .hist-matchup-vs,#view-archives .hist-matchup-count,#view-archives .hist-matchup-footer-meta,#view-archives .history-retention-banner,#view-archives .history-analysis-toggle span,#view-archives .history-stat-chart-heading>span,#view-replay .rpl-header-matchup,#view-replay .rpl-bo-supply,#view-replay .bo-column-league,#view-replay .mini-toolbar-btn,#view-replay .chat-player small,#view-training .training-mode-badge,#view-training .training-race-group-label,#view-training .training-matrix-matchup,#view-training .training-matrix-games,#view-training .training-chip,#view-training .training-build-type){font-size:var(--text-xs);line-height:var(--lh-snug)}#command-palette-trigger #command-palette-kbd{font-size:var(--text-xs)}}.battle-too-small{background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);font-size:var(--text-xs);color:var(--accent-ink);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.heatmap-zoom-indicator{font-family:var(--font-body);font-size:var(--text-xs);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;display:none}.heatmap-zoom-indicator.active{display:inline-block}.heatmap-zoom-indicator:hover{background:var(--accent-dim)}.heatmap-tooltip{pointer-events:none;background:color-mix(in oklch, var(--bg-dark) 92%, transparent);border:1px solid color-mix(in oklch, var(--terran) 35%, transparent);font-size:var(--text-xs);font-family:var(--font-body);white-space:nowrap;z-index:10;box-shadow:var(--shadow-sm);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);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:color-mix(in oklch, var(--text) 2%, transparent);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-body);font-size:var(--text-xs);color:var(--text-muted);min-width:40px}.feed-unit-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.feed-text{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.feed-text strong{color:var(--text)}.unit-icon-xs{object-fit:contain;width:16px;height:16px}.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);font-size:var(--text-xs);line-height:var(--lh-ui);pointer-events:none;border-radius:6px;position:fixed}.help-bubble[hidden]{display:none}.help-icon{width:24px;height:24px;min-height:0;margin-left:var(--sp-2);border:1px solid var(--border-hov);box-shadow:none;color:var(--muted);font:italic 700 12px/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)}@media (pointer:coarse),(width<=640px){.help-icon{width:44px;min-width:44px;height:44px;min-height:44px;font-size:var(--text-xs);border:0;flex:none}}.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)}.card:hover{border-color:var(--border);box-shadow:none}.card h3{margin-bottom:var(--sp-3)}.leaderboard-card{min-width:0;max-width:100%}h2{font-family:var(--font-display);font-size:var(--text-headline);text-wrap:balance;margin-bottom:var(--sp-5);color:var(--text);font-weight:600;line-height:var(--lh-tight)}h3{margin-top:0;margin-bottom:var(--sp-3);font-family:var(--font-display);font-size:var(--text-title);color:var(--text);font-weight:600;line-height:var(--lh-snug);align-items:center;gap:var(--sp-2);display:flex;position:relative}h3:before{content:none}h4{font-size:var(--text-sm);margin-bottom:var(--sp-3);color:var(--text);font-weight:600}label{gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-2);flex-direction:column;font-weight:500;display:flex}label.rpl-toggle-switch{flex-direction:row;gap:0}input,select,textarea{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-offset:0;outline:2px solid #0000;padding:8px 12px;font-family:inherit;font-size:14px}::placeholder{color:var(--muted);opacity:1}.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}input:focus,select:focus,textarea: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,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);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:.5;cursor:not-allowed;filter:grayscale();transform:none!important}.btn-primary{justify-content:center;align-items:center;gap:var(--sp-3);min-height:36px;padding:6px var(--sp-5);border-radius:var(--r);background:var(--accent);color:var(--action-text);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:var(--lh-snug);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);color:var(--action-text)}#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{background:var(--bg-card-hov);border-color:var(--border-control-hover);box-shadow:none}.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{font-size:var(--text-lg);color:var(--text);font-weight:600}.result-clan{font-size:var(--text-small);color:var(--accent);letter-spacing:normal;font-weight:700}.result-badges{gap:8px;display:flex}.result-badge{font-size:var(--text-xs);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-weight:500}.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-ink);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent)}.result-region{background:color-mix(in oklch, var(--text) 10%, transparent);color:var(--text-2)}.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{font-size:var(--text-xs);color:var(--muted);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)}.history-preview-trigger{max-width:100%;min-height:32px;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.history-preview-trigger:hover{color:var(--accent)}.history-row:has([data-history-preview][aria-pressed=true]){background:var(--accent-dim)}.history-replay-preview{margin-bottom:var(--sp-5);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r)}.history-replay-preview h3{margin-block:var(--sp-2) var(--sp-3);font-size:var(--text-lg);overflow-wrap:anywhere}.history-preview-kicker,.history-preview-date{color:var(--text-2);font-size:var(--text-xs);margin:0}.history-preview-date{margin-top:var(--sp-3);display:grid}.history-replay-preview .hist-players-teams{gap:var(--sp-2);flex-wrap:wrap;display:flex}.history-replay-preview dl{gap:var(--sp-3);margin-block:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.history-replay-preview dt{color:var(--text-2);font-size:var(--text-xs)}.history-replay-preview dd{color:var(--text);font-size:var(--text-sm);margin:0}.history-replay-preview>.btn-primary{min-height:36px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);align-items:center;text-decoration:none;display:inline-flex}.history-replay-preview.history-preview-skeleton :is(.history-preview-kicker,.history-preview-title,.race-badge-img,.history-preview-date,dt,dd,.btn-primary){border-radius:var(--r-sm);background:var(--surface-hov);color:#0000;border:0;width:8ch}.history-replay-preview.history-preview-skeleton .history-preview-title{width:16ch;margin-block:var(--sp-2) var(--sp-3);font-size:var(--text-lg)}.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);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) 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-ink);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);align-items:center;font-weight:500;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{font-size:var(--text-xs);color:var(--text-2);font-weight:700;display:block}.lb-ctrl-item select,.lb-ctrl-item input{background:var(--surface);border:1px solid var(--field-border);height:38px;color:var(--text);font-weight:600;font-size:var(--text-small);transition:background 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);border-radius:8px;outline:none;width:100%;padding:0 12px}.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:color-mix(in oklch, var(--text) 5%, transparent);height:1px;margin:8px 0}.lb-advanced-toggle,.public-advanced-toggle{border:1px solid var(--border);color:var(--muted);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-weight:600;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 var(--dur-fast) 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{display:none}.lb-advanced-panel.is-open{border-top:1px solid var(--border-sub);margin-top:12px;padding-top:12px;animation:.22s cubic-bezier(.16,1,.3,1) lb-reveal;display:block}.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-sm);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{border:1px solid var(--border);border-radius:var(--r-lg);gap:8px;max-width:min(960px,100%)}.history-welcome-card h2{align-items:center;gap:var(--sp-3);margin:0;display:flex}.history-welcome-card .btn-primary{margin-top:8px}.history-empty-preview{background:0 0;border:0;border-radius:0;width:100%;margin:8px 0;padding:0}.history-empty-preview__label{font-size:var(--text-xs);background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent-ink);font-weight:700;font-family:var(--font-display);border-radius:999px;margin:0 0 6px;padding:2px 8px;display:inline-block}.history-empty-preview__caption{font-size:var(--text-xs);color:var(--text-muted);margin:8px 0 12px}.history-empty-preview__grid{border-top:1px solid var(--border-sub);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;display:grid}.history-empty-preview__card{background:0 0;border:0;border-radius:0;flex-direction:column;gap:10px;padding:14px 16px 4px;display:flex}.history-empty-preview__card+.history-empty-preview__card{border-left:1px solid var(--border-sub)}@media (width<=760px){.history-empty-preview__card+.history-empty-preview__card{border-left:0;border-top:1px solid var(--border-sub)}}.history-empty-preview__title{font-size:var(--text-sm);color:var(--text-2);font-family:var(--font-display);margin:0}.history-empty-preview__maps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-empty-preview__map{font-size:var(--text-xs);grid-template-columns:1fr auto;grid-template-areas:"name wr""bar bar";align-items:center;gap:4px 8px;display:grid}.history-empty-preview__map-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.history-empty-preview__map-wr{font-weight:700;font-family:var(--font-body);grid-area:wr}.history-empty-preview__bar{background:var(--border-subtle);border-radius:999px;grid-area:bar;height:6px;overflow:hidden}.history-empty-preview__bar-fill{background:var(--accent);border-radius:999px;height:100%;display:block}.history-empty-preview__bar-fill[data-winrate=high]{background:var(--text-2)}.history-empty-preview__bar-fill[data-winrate=medium],.history-empty-preview__bar-fill[data-winrate=low]{background:var(--muted)}.history-empty-preview__map-wr[data-winrate=high]{color:var(--text)}.history-empty-preview__map-wr[data-winrate=medium],.history-empty-preview__map-wr[data-winrate=low]{color:var(--text-2)}.history-empty-preview__trend{align-items:center;gap:12px;display:flex}.history-empty-preview__spark{width:100%;height:48px}.history-empty-preview__delta{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-win);font-weight:700}.history-empty-preview__note{color:var(--muted);font-size:var(--text-xs);line-height:var(--lh-snug);margin:0}.history-empty-preview__focus{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:8px;padding:10px 12px;display:flex}.history-empty-preview__focus-dot{background:var(--color-win);border-radius:50%;flex:none;width:8px;height:8px}.history-empty-preview__focus-sample{font-size:var(--text-sm);color:var(--text-1);flex:1}.leaderboard-regions{align-items:center;gap:6px;height:40px;display:flex}.region-chip{background:var(--surface);border:1px solid var(--border-sub);font-size:var(--text-xs);color:var(--text-2);cursor:pointer;min-width:44px;min-height:44px;transition:background 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);border-radius:6px;padding:6px 12px;font-weight:700}.leaderboard-regions input:checked+.region-chip{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}.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{font-size:var(--text-xs);color:var(--text-2);font-weight:700}.kpi strong{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:var(--text-figure);color:var(--text);letter-spacing:var(--type-figure-tracking);font-weight:700;line-height:1}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.insight-group{background:color-mix(in oklch, var(--text) 2%, transparent);border-radius:var(--r);border:1px solid var(--border-sub);transition:border-color var(--dur-fast) var(--ease);flex-direction:column;gap:14px;padding:20px;display:flex}.insight-group:hover{border-color:var(--border-control-hover)}.insight-title{font-size:var(--text-xs);margin:0;font-weight:700}.insight-title--accent{color:var(--accent)}.insight-title--danger{color:var(--danger)}.insight-title--success{color:var(--success)}.insight-group p{font-size:var(--text-small);color:var(--text-2);justify-content:space-between;align-items:baseline;margin:0;display:flex}.insight-group p strong{font-family:var(--font-display);color:var(--text);font-size:15px}.insight-group p small{font-size:var(--text-xs);color:var(--muted);margin-left:4px}.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{font-size:var(--text-small);color:var(--text);margin-bottom:6px;font-weight:700;display:block}.alert-item p{font-size:var(--text-xs);color:var(--text-2);line-height:var(--lh-body);margin:0}.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)}:is(.table-wrap,.watch-table-wrap,.history-table-wrapper,.leaderboard-table-wrap){overflow:clip visible}@media (width<=760px){:is(.table-wrap,.watch-table-wrap,.history-table-wrapper,.leaderboard-table-wrap){overflow:auto visible}}:is(.table-wrap,.watch-table-wrap,.history-table-wrapper,.leaderboard-table-wrap){scrollbar-width:thin;scrollbar-color:var(--border) transparent}:is(.table-wrap,.watch-table-wrap,.history-table-wrapper,.leaderboard-table-wrap)::-webkit-scrollbar{width:10px;height:10px}:is(.table-wrap,.watch-table-wrap,.history-table-wrapper,.leaderboard-table-wrap)::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}:is(.watch-table,.history-table,.leaderboard-table){border-collapse:separate;border-spacing:0}:is(.watch-table,.history-table,.leaderboard-table) thead th{top:var(--shell-topbar-height);z-index:1;background:var(--bg-card);position:sticky}@media (width<=760px){:is(.watch-table,.history-table,.leaderboard-table) thead th{top:0}}table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.tabular{font-variant-numeric:tabular-nums}thead th{text-align:left;font-size:var(--text-xs);color:var(--muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-sub);font-weight:600}tbody tr{border-bottom:1px solid color-mix(in oklch, var(--text) 2%, transparent);transition:background var(--dur-fast) ease-out}tbody tr:nth-child(2n){background:color-mix(in oklch, var(--text) 1.8%, transparent)}tbody tr:hover{background:color-mix(in oklch, var(--accent) 7%, transparent)}tbody td{padding:var(--sp-3) var(--sp-4);color:var(--text);vertical-align:middle}.hist-players.team-mode{align-items:center;gap:12px;display:flex}.team-stack{flex-direction:column;gap:4px;display:flex}.player-mini{font-size:var(--text-small);align-items:center;gap:6px;display:flex}.btn-claim-subtle{background:color-mix(in oklch, var(--text) 5%, transparent);border:1px solid color-mix(in oklch, var(--text) 10%, transparent);color:var(--muted);font-size:var(--text-xs);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:3px;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:6px;padding:1px 4px;font-weight:700;display:inline-flex}.player-mini:hover .btn-claim-subtle,.p-self:hover .btn-claim-subtle,.p-opp:hover .btn-claim-subtle,.btn-claim-subtle:focus-visible{opacity:1;background:var(--surface-hov);color:var(--accent-ink);border-color:var(--accent)}@media (hover:none){.btn-claim-subtle{opacity:1}}.me-tag{font-size:var(--text-xs);color:var(--accent);background:color-mix(in oklch, var(--terran) 10%, transparent);letter-spacing:normal;border-radius:2px;margin-left:4px;padding:0 4px;font-weight:700}.btn-claim-me{cursor:pointer;font-size:var(--text-xs);opacity:.3;transition:opacity var(--dur-fast), transform var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:6px;padding:8px;display:inline-flex}.btn-claim-me:hover{opacity:1;transform:scale(1.2)}.hist-mmr-tag{font-size:var(--text-xs);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:12px;padding:2px 8px}.hist-mmr-tag.self-mmr{background:color-mix(in oklch, var(--terran) 10%, transparent);color:var(--accent);font-weight:600}.player-mini{font-size:var(--text-xs);color:var(--text-2);align-items:center;gap:6px;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{font-size:var(--text-xs);color:var(--muted);opacity:.5;font-weight:700}.th-sort{color:inherit;font:inherit;cursor:pointer;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{top:calc(var(--shell-chrome-height) + 8px);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}.mini-toolbar-btn{background:var(--surface);color:var(--text-2);border-radius:var(--r-pill);font-size:var(--text-xs);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-weight:700;display:inline-flex}.mini-toolbar-btn.active{background:var(--accent-dim);color:var(--accent-ink);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{font-size:var(--text-xs);letter-spacing:normal;border-radius:var(--r-pill);white-space:nowrap;padding:2px 7px;font-weight:700}.priority-badge--fix{background:color-mix(in oklch, var(--danger) 15%, transparent);color:var(--danger)}.priority-badge--stable{background:color-mix(in oklch, var(--protoss) 15%, transparent);color:var(--warn)}.priority-badge--excellent{background:color-mix(in oklch, var(--color-win) 15%, transparent);color:var(--success)}.badge-outcome{font-size:var(--text-xs);border-radius:4px;padding:4px 8px;font-weight:700;display:inline-flex}.badge-outcome.win{background:color-mix(in oklch, var(--color-win) 10%, transparent);color:var(--success);border:1px solid color-mix(in oklch, var(--color-win) 20%, transparent)}.badge-outcome.loss{background:color-mix(in oklch, var(--danger) 10%, transparent);color:var(--danger);border:1px solid color-mix(in oklch, var(--danger) 20%, transparent)}.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);font-size:var(--text-xs);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}.btn-view-archive:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}.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{font-size:var(--text-small);align-items:center;font-weight:700;display:flex}.hist-matchup-count{font-size:var(--text-xs);color:var(--muted)}.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:700}.history-retention-banner{background:rgba(var(--primary-rgb), .05);border:1px solid var(--border-subtle);border-radius:var(--r);font-size:var(--text-small);color:var(--muted);grid-column:1/-1;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;display:flex}.map-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.map-card{background:color-mix(in oklch, var(--text) 2%, transparent);border:1px solid var(--border-sub);border-radius:var(--r);font-size:var(--text-small);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);padding:14px}.map-card:hover{border-color:color-mix(in oklch, var(--text) 20%, transparent);background:color-mix(in oklch, var(--text) 5%, transparent);transform:translateY(-2px)}.map-card strong{font-size:var(--text-xs);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:700;display:block;overflow:hidden}.map-card span{font-size:var(--text-xs);color:var(--muted);margin-bottom:10px;display:block}.map-bar{background:var(--border-sub);border-radius:999px;height:4px;overflow:hidden}.map-bar-fill{width:var(--map-winrate,0%);background:var(--progress-fill);transform-origin:0;border-radius:999px;height:100%}@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)}.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{font-size:var(--text-xs);color:var(--muted);margin-top:4px}.chart-data>summary{cursor:pointer;box-sizing:border-box;width:fit-content;min-width:44px;min-height:44px;transition:color var(--dur-fast) ease-out;align-items:center;padding:4px 0;display:inline-flex}.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{background:color-mix(in oklch, var(--scrim) 88%, transparent);z-index:5000;cursor:zoom-out;justify-content:center;align-items:center;padding:10px;display:none;position:fixed;inset:0}#chart-modal.open{display:flex}@media (prefers-reduced-motion:no-preference){#chart-modal.open{animation:panelIn var(--dur) ease-out both}}#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(--bg-card);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);font-size:var(--text-xs);cursor:pointer;min-height:44px;padding:6px 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:var(--text-small)}.quick-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.quick-links a,.quick-links button{font-size:var(--text-xs);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-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);font-size:var(--text-xs);font-weight:700}.profile-mode-filter select{width:auto;min-width:116px;min-height:44px;font-size:var(--text-small);padding:6px 28px 6px 10px}.profile-action-primary{background:var(--accent-gradient);color:var(--btn-text);border-radius:var(--r);font-weight:700;font-size:var(--text-xs);transition:opacity var(--dur-fast) ease-out;border:none;align-items:center;padding:8px 16px;font-family:inherit;text-decoration:none;display:inline-flex}.profile-action-primary:hover{opacity:.85}.profile-action-secondary{background:color-mix(in oklch, var(--text) 3.5%, transparent);border:1px solid var(--border-sub);border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-4);color:var(--text-2);font-size:var(--text-xs);cursor:pointer;transition:color var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out, background-color var(--dur-fast) ease-out;align-items:center;min-height:44px;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.profile-action-secondary:hover{color:var(--text);border-color:var(--border-hov);background:var(--surface-hov);box-shadow:none}.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:var(--text-section);letter-spacing:var(--type-section-tracking)}.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:color-mix(in oklch, var(--scrim) 16%, transparent);display:grid}.my-profile-major span,.my-history-kpis span,.my-profile-subtitle,.profile-section-label{color:var(--muted);font-size:var(--text-xs);font-weight:700}.my-profile-major strong,.my-history-kpis strong{min-width:0;color:var(--text);font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:var(--text-figure);overflow-wrap:anywhere;line-height:1}.my-profile-major small,.my-history-kpis small{color:var(--text-2);font-size:var(--text-xs);line-height:var(--lh-tight)}.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);font-size:var(--text-xs);font-weight:700}.my-ladder-row{min-height:42px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);background:color-mix(in oklch, var(--text) 2.5%, transparent);color:var(--text-2)}.my-ladder-mode{color:var(--text);font-weight:700}.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);background:var(--surface);color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:7px;font-weight:700;display:inline-flex}.identity-chip small{color:var(--muted);font-size:var(--text-xs);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:color-mix(in oklch, var(--text) 2%, transparent);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:var(--lh-ui)}.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:color-mix(in oklch, var(--text) 2%, transparent);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);min-height:44px;font-size:var(--text-xs);opacity:.86;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-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}a.lb-player-action,a.lb-player-action:hover{text-decoration:none;display:block}#view-ladder a.lb-player-action{display:flex}.lb-player-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.lb-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.lb-header #lb-title{margin:0}.lb-header #lb-subtitle{margin:4px 0 0}.lb-header #lb-updated-at{font-size:var(--text-xs);margin:0}.leaderboard-controls-v2 .lb-primary-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.lb-primary-controls .lb-ctrl-item{gap:6px;min-width:88px}.lb-primary-controls .lb-ctrl-item--search{flex:200px}.lb-primary-controls .lb-ctrl-item--regions{flex:none}.lb-primary-controls .leaderboard-regions{gap:4px;height:38px}.lb-primary-controls .region-chip{justify-content:center;align-items:center;min-width:38px;height:38px;min-height:38px;padding:0 8px;display:flex}.lb-primary-controls .leaderboard-regions label{display:flex}.lb-primary-controls .lb-advanced-toggle{min-height:38px}.lb-secondary-controls{gap:12px}.lb-secondary-controls .lb-ctrl-item{gap:6px}#view-ladder .lb-stats-totals{border-block:1px solid var(--border-sub);flex-wrap:wrap;gap:12px 32px;padding:10px 0;display:flex}#view-ladder .lb-stats-totals-cell{text-align:start;background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;padding:0;display:flex}#view-ladder .lb-stats-totals-value{font-size:1em}#view-ladder .lb-stats-totals-label{margin:0}#view-ladder .lb-stats-details{background:var(--surface);margin-top:8px}#view-ladder .lb-stats-details[open]{background:var(--surface-hov)}#view-ladder .lb-stats-details[open]>.lb-stats-details-content{animation:.22s cubic-bezier(.16,1,.3,1) lb-reveal}.lb-player-line{align-items:center;gap:8px;display:flex}.lb-player-line .lb-player-action{width:auto}.lb-live-slot:empty{display:none}.lb-live-slot{flex:none;display:inline-flex}.lb-live-badge{border:1px solid color-mix(in oklch, var(--danger) 35%, var(--border));border-radius:var(--r-pill);background:color-mix(in oklch, var(--danger) 8%, var(--surface));min-height:28px;color:var(--danger);font-size:var(--text-xs);white-space:nowrap;transition:border-color .12s var(--ease), background .12s var(--ease), transform .12s var(--ease);align-items:center;gap:5px;padding:3px 8px;font-weight:700;text-decoration:none;display:inline-flex}.lb-live-badge svg{width:12px;height:12px}.lb-live-badge:hover{border-color:var(--accent);background:var(--surface-hov);transform:translateY(-1px)}.lb-live-badge:active{transform:translateY(0)}.lb-live-badge:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.lb-live-dot{background:currentColor;border-radius:50%;width:5px;height:5px}#view-ladder .lb-row{transition:background-color .12s var(--ease)}@keyframes lb-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.lb-primary-controls .lb-ctrl-item--search{flex-basis:100%;order:-1}.lb-primary-controls .lb-ctrl-item--regions{flex:auto}.lb-secondary-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-player-line{flex-wrap:wrap;gap:4px 8px}.lb-live-badge{min-height:36px}.lb-primary-controls .leaderboard-regions{height:44px}.lb-primary-controls .region-chip{min-width:44px;height:44px;min-height:44px}}@media (width>=900px){#view-ladder .lb-stats-container{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;display:grid}#view-ladder .lb-stats-panel{display:contents}#view-ladder .lb-stats-totals{grid-column:1/-1}#view-ladder .lb-stats-details{margin-top:0}}@media (prefers-reduced-motion:reduce){#view-ladder .lb-advanced-panel.is-open,#view-ladder .lb-stats-details[open]>.lb-stats-details-content{animation:none}#view-ladder .lb-advanced-toggle svg,#view-ladder .lb-stats-summary:before,#view-ladder .lb-row,.lb-live-badge{transition:none}.lb-live-badge:hover{transform:none}}.public-found-count{font-size:var(--text-xs);margin-top:8px}.window-drop-overlay{z-index:var(--z-modal);pointer-events:none;background:color-mix(in oklch, var(--bg) 72%, transparent);outline:3px dashed var(--accent);outline-offset:-12px;place-items:center;display:grid;position:fixed;inset:0}.window-drop-overlay[hidden]{display:none}.window-drop-overlay__panel{border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--bg-card);text-align:center;gap:6px;padding:20px 28px;display:grid}.window-drop-overlay__title{color:var(--text);font-size:var(--text-lg);margin:0;font-weight:700}.window-drop-overlay__hint{color:var(--text-2);font-size:var(--text-sm);margin:0}.replay-drop-status{margin:0 0 var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--danger-border-soft);border-radius:var(--r);background:var(--danger-bg-subtle);color:var(--danger);font-size:var(--text-sm)}.replay-drop-status:empty{display:none}#toast{bottom:var(--toast-bottom);right:var(--sp-5);z-index:var(--z-toast);background:var(--menu-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--r-lg);font-size:var(--text-small);font-weight:500;line-height:var(--lh-snug);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--dur) ease-out, transform var(--dur) var(--ease);max-width:min(360px, calc(100vw - 2 * var(--sp-5)));overflow-wrap:anywhere;padding:11px 16px;position:fixed;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]{border-color:var(--success-border-soft);color:var(--success)}#toast[data-type=error]{border-color:var(--danger-border-soft);color:var(--danger)}#toast[data-type=warn]{border-color:var(--warn-border-subtle);color:var(--warn)}#toast[data-type=info]{border-color:var(--border-hov);color:var(--accent)}.race-badge-img{padding:var(--sp-2) 10px var(--sp-2) 6px;border-radius:var(--r-pill);font-size:var(--text-xs);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid;align-items:center;gap:6px;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);border-color:color-mix(in oklch, var(--zerg) 30%, transparent);background:color-mix(in oklch, var(--zerg) 8%, transparent)}.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);border-color:color-mix(in oklch, var(--muted) 25%, transparent);background:color-mix(in oklch, var(--muted) 6%, transparent)}.race-icon-sm{width:14px;height:14px}.race-icon-mask{width:14px;height:14px;-webkit-mask:var(--race-icon) center / contain no-repeat;-webkit-mask:var(--race-icon) center / contain no-repeat;mask:var(--race-icon) center / contain no-repeat;vertical-align:-2px;background:currentColor;flex:none;display:inline-block}.race-icon-mask--terran{color:var(--terran-text)}.race-icon-mask--zerg{color:var(--zerg-text)}.race-icon-mask--protoss{color:var(--protoss-text)}.race-icon-mask--random{color:var(--random-text)}.race-icon-mask--unknown{color:var(--muted)}.player-header-card{position:relative;overflow:hidden}.hist-mmr-tag{font-size:var(--text-xs);color:var(--muted);background:color-mix(in oklch, var(--text) 5%, transparent);border:1px solid color-mix(in oklch, var(--text) 10%, transparent);white-space:nowrap;border-radius:4px;padding:2px 8px;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{background:color-mix(in oklch, var(--text) 5%, transparent);border:1px solid var(--border);cursor:pointer;opacity:.4;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);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{font-size:var(--text-xs);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:normal;border-radius:4px;margin-left:auto;padding:4px 10px;font-weight:700}.claim-profile-header{font-size:var(--text-xs);margin-left:auto;padding:4px 12px}.auth-field-hint{color:var(--muted);font-size:var(--text-xs);line-height:var(--lh-snug);margin-top:6px;display:block}.auth-forgot{text-align:right;font-size:var(--text-small);margin:2px 0 0}.auth-forgot a{color:var(--accent-ink);text-underline-offset:2px}.auth-container{text-align:center;width:100%;max-width:460px;margin:32px auto;padding:32px}.auth-container:not(.auth-container--account){background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r)}.auth-form input:not([type=checkbox]){min-height:44px}@media (width<=640px){.auth-container:not(.auth-container--account){margin-block:12px;padding:24px 20px}.btn-auth-toggle{white-space:normal;min-height:44px}}.auth-header h2{font-size:var(--text-headline);letter-spacing:var(--type-headline-tracking);margin-top:10px}.auth-subtitle{font-size:var(--text-small);color:var(--muted);line-height:var(--lh-ui);margin-bottom:30px}.auth-error{color:var(--danger);font-size:var(--text-sm);line-height:var(--lh-ui);margin:2px 0 4px}#auth-form [aria-invalid=true]{border-color:var(--danger)}.auth-form{text-align:left;flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:var(--text-xs);color:var(--text-2)}.btn-auth-submit{background:var(--accent);color:var(--action-text);border-radius:var(--r);border:none;margin-top:10px;padding:14px;font-size:14px;font-weight:700}.btn-auth-submit:hover{background:var(--accent-hover)}.auth-legal-notice{color:var(--muted);font-size:var(--text-xs);line-height:var(--lh-body);margin:4px 0 0}.auth-age-confirmation{color:var(--text-2);font-size:var(--text-xs);line-height:var(--lh-ui);cursor:pointer;align-items:flex-start;gap:10px;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);font-size:var(--text-sm);text-transform:none;letter-spacing:normal;background:0 0;border:none;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);font-size:var(--text-section);place-items:center;font-weight:700;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);background:var(--surface);color:var(--text);overflow-wrap:anywhere;font-weight:700;display:inline-block}.identity-help{font-size:var(--text-sm);color:var(--muted);line-height:var(--lh-snug);margin:0}.auth-captcha{flex-direction:column;gap:8px;display:flex}.auth-captcha[hidden]{display:none}.auth-captcha-hint{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui);margin:0}.account-privacy-toggle{gap:var(--sp-3);flex-direction:column;display:flex}.toggle-label{justify-content:space-between;align-items:center;gap:var(--sp-4);cursor:pointer;display:flex}.toggle-label-text{flex-direction:column;gap:2px;display:flex}.toggle-label-desc{font-size:var(--text-xs);color:var(--muted)}.toggle-switch-wrap{flex-shrink:0;position:relative}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background:var(--border-sub);cursor:pointer;width:36px;height:20px;transition:background var(--dur-fast);border-radius:10px;display:block;position:relative}.toggle-switch:after{content:"";background:var(--text);width:14px;height:14px;transition:transform var(--dur-fast);border-radius:50%;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(--text);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);width:26px;height:26px;font-size:var(--text-xs);cursor:pointer;opacity:.4;background:0 0;justify-content:center;align-items:center;padding:9px;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);width:26px;height:26px;font-size:var(--text-xs);cursor:pointer;opacity:.3;color:var(--danger);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:9px;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);line-height:var(--lh-snug);margin:0}.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:700}.btn-logout:hover{background:rgba(var(--fight-rgb), .12);border-color:var(--danger);box-shadow:none;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);align-items:center;display:inline-flex}.acct-kpi{flex-direction:column;align-items:center;gap:2px;display:flex}.acct-kpi span{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-display)}.acct-kpi strong{font-size:var(--text-figure);color:var(--text);font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums;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-ink)}.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-ink);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}}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.build-order-item{transition:transform var(--dur-fast) var(--ease)}.build-order-item:hover{background:var(--surface-faint);transform:translate(4px)}.compact-replay-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.compact-replay-item{background:var(--surface);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);border-radius:4px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.compact-replay-item:hover{background:var(--surface-hov);border-color:var(--accent);transform:translate(4px)}button.compact-replay-item{width:100%;font:inherit;text-align:inherit;color:inherit}.compact-replay-item[data-share=""]{cursor:default}.compact-replay-item[data-share=""]:hover{background:var(--surface);border-color:var(--border-subtle);transform:none}.compact-replay-item .replay-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.compact-replay-item .replay-map{font-size:var(--text-small);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.compact-replay-item .replay-players{font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;display:flex}.compact-replay-item .replay-meta{flex:none;align-items:center;gap:12px;display:flex}.compact-replay-item .replay-date{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-body);white-space:nowrap}.compact-replay-item .race-badge-img{font-size:var(--text-xs);gap:4px;padding:2px 8px 2px 5px}.compact-replay-item .race-icon-mask{width:12px;height:12px}.compact-replay-item .badge-outcome{font-size:var(--text-xs);text-align:center;border-radius:2px;min-width:20px;padding:2px 6px;font-weight:700}.compact-replay-item .badge-outcome.win{background:color-mix(in oklch, var(--color-win) 20%, transparent);color:var(--success)}.compact-replay-item .badge-outcome.loss{background:rgba(var(--danger-rgb), .2);color:var(--danger)}.compact-replay-item .vs-sep{color:var(--muted);font-size:var(--text-xs);margin:0 2px}.compact-replay-item .game-type-tag{font-size:var(--text-xs);color:var(--accent-ink);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-weight:700;display:inline-block}.telemetry-label{font-size:var(--text-xs);color:var(--text-2);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);font-size:var(--text-xs);margin:0 4px}.hist-matchup-footer-meta{font-size:var(--text-xs);color:var(--muted)}.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;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 10px}.lb-stats-totals-value{letter-spacing:normal;font-size:1.5em;font-weight:700}.lb-stats-totals-label{font-size:var(--text-xs);color:var(--text-2);margin-top:2px}.lb-stats-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lb-stats-section-title{opacity:.85;margin:0;font-size:.82em}.lb-stats-section-title--race{margin-top:4px}.lb-stats-section-hint{font-size:var(--text-xs);color:var(--text-2);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:normal;font-weight:600}.lb-league-track{background:color-mix(in oklch, var(--text) 5%, transparent);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{background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent-ink);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);border-radius:999px;padding:2px 6px;font-size:.62em;font-weight:600}.lb-league-chip{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{background:var(--surface);border:1px solid color-mix(in srgb, var(--race-color) 40%, transparent);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<=760px){.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{background:color-mix(in oklch, var(--scrim) 20%, transparent);color:inherit;transition:background var(--dur-fast) var(--ease);border-radius:6px;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.lb-stream-item:hover,.lb-stream-item:focus-visible{background:color-mix(in oklch, var(--scrim) 40%, transparent);outline:2px solid var(--accent);outline-offset:2px}.lb-stream-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:36px}.lb-stream-thumb--empty{background:var(--surface-strong)}.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{color:var(--text-2);font-size:max(11px,.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{font-size:var(--text-headline);letter-spacing:var(--type-headline-tracking);color:var(--text);margin:0;font-weight:700}.maintenance-body{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--lh-ui);margin:0}.maintenance-retry-row{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.maintenance-countdown{font-size:var(--text-small);color:var(--text-muted);font-variant-numeric:tabular-nums;min-height:1.2em}.maintenance-retry-btn{border:1px solid var(--accent);color:var(--accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border-radius:6px;padding:8px 24px;font-weight:600}.maintenance-retry-btn:hover{background:var(--accent);color:var(--on-accent-text)}.auth-matchups,.auth-recent-replays{margin-top:24px}.auth-section-title{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:12px;font-weight:700}.auth-matchups-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.auth-matchup-item{background:var(--surface);border:1px solid var(--border-subtle);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{font-weight:700;font-size:var(--text-small);color:var(--text)}.auth-matchup-wr{font-family:var(--font-body);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:color-mix(in oklch, var(--text) 10%, transparent);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{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.compact-replay-list{flex-direction:column;gap:8px;display:flex}@media (width<=760px){.auth-matchups-grid{grid-template-columns:1fr}}.lb-stats-details{margin-top:var(--sp-3);background:var(--surface);border:1px solid var(--border-sub);border-radius:var(--r);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);overflow:hidden}.lb-stats-details[open]{background:color-mix(in oklch, var(--text) 5%, transparent);border-color:var(--border)}.lb-stats-summary{padding:var(--sp-3) var(--sp-4);cursor:pointer;font-size:var(--text-xs);color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:var(--sp-2);font-weight:700;list-style:none;display:flex}.lb-stats-summary::-webkit-details-marker{display:none}.lb-stats-summary:before{content:"→";transition:transform var(--dur-fast) var(--ease);color:var(--accent);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{font-size:var(--text-xs);border-radius:var(--r-pill);padding:2px 8px;font-weight:700}.priority-badge--fix{background:color-mix(in oklch, var(--tint-danger) 15%, transparent);color:var(--danger);border:1px solid color-mix(in oklch, var(--tint-danger) 30%, transparent)}.priority-badge--excellent{background:color-mix(in oklch, var(--tint-success) 15%, transparent);color:var(--success);border:1px solid color-mix(in oklch, var(--tint-success) 30%, transparent)}.priority-badge--stable{background:color-mix(in oklch, var(--tint-gold) 10%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--tint-gold) 20%, transparent)}.priority-badge--high{background:var(--danger-bg-subtle);color:var(--danger);border:1px solid var(--danger-border-subtle)}.priority-badge--medium{background:color-mix(in oklch, var(--tint-gold) 10%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--tint-gold) 20%, transparent)}.priority-badge--low{background:var(--success-bg-subtle);color:var(--success);border:1px solid var(--success-border-subtle)}.priority-badge--thin{background:var(--surface);color:var(--muted);border:1px solid var(--border-sub)}.mini-toolbar{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.mini-toolbar-btn{min-height:44px;color:var(--text-2);border:1px solid var(--border-sub);border-radius:var(--r-sm);font-family:inherit;font-size:var(--text-xs);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;justify-content:center;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.mini-toolbar-btn:hover{background:var(--surface-hov);border-color:var(--border);color:var(--text)}.mini-toolbar-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}a.mini-toolbar-btn{text-decoration:none}.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(--toast-bottom);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);max-width:min(400px, calc(100vw - 2 * var(--sp-5)));overflow-wrap:anywhere;animation:toastSlideIn var(--dur) var(--ease-out-quint) both;display:flex;position:fixed}.toast-notification>span{min-width:0}.toast-notification .toast-undo{flex-shrink:0}.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);font-family:inherit;font-size:var(--text-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;font-weight:700}.toast-undo:hover{background:color-mix(in oklch, var(--tint-gold) 10%, transparent)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}: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 color-mix(in oklch, var(--tint-gold) 25%, transparent)}.lb-row{min-height:44px}.lb-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in oklch, var(--tint-gold) 8%, transparent)}.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 color-mix(in oklch, var(--tint-gold) 15%, transparent)}#watchlist-content{min-width:0}.watchlist-header .auth-subtitle{margin:var(--sp-2) 0 0}.watchlist-empty{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;flex-wrap:wrap;display:flex}.watchlist-empty p{margin:0}.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);font-size:var(--text-xs);margin-top:1px;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-ink)}.delta-badge{border-radius:var(--r-pill);font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:1px 5px;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;width:28px;height:28px;transition:color 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)}.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:var(--text-xs);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-workspace,.training-analysis{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.training-hero{gap:var(--sp-2);flex-direction:column;display:flex}.training-title{color:var(--text);margin:0}.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);font-size:var(--text-xs);color:var(--text-2);margin:0 0 var(--sp-4)}.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);font-weight:700;font-size:var(--text-lg);min-width:40px}.training-map-name{font-size:var(--text-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.training-race-tag{font-size:var(--text-xs);font-weight:600}.training-wr-badge{font-weight:700;font-size:var(--text-sm)}.training-games-count{color:var(--text-2);font-size:var(--text-xs)}.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);font-size:var(--text-lg);margin:0 0 var(--sp-4);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{font-weight:600;font-size:var(--text-sm);color:var(--text);flex:1}.training-build-type{font-size:var(--text-xs);border-radius:4px;padding:2px 6px;font-weight:700}.training-badge--aggression{background:var(--badge-aggression-bg);color:var(--danger)}.training-badge--macro{background:var(--badge-macro-bg);color:var(--terran)}.training-badge--cheese{background:var(--badge-cheese-bg);color:var(--protoss)}.training-best-badge{font-size:var(--text-xs);background:color-mix(in oklch, var(--tint-success) 15%, transparent);color:var(--success);border-radius:4px;padding:2px 6px;font-weight:700}.training-try-badge{font-size:var(--text-xs);background:var(--accent-dim);color:var(--accent-ink);border-radius:4px;padding:2px 6px;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-weight:700;font-size:var(--text-sm);font-family:var(--font-display);flex:1}.training-metrics{gap:var(--sp-2);flex-direction:column;display:flex}.training-metric-row{font-size:var(--text-small);justify-content:space-between;align-items:center;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);font-size:var(--text-section);letter-spacing:var(--type-section-tracking);margin:0}.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);font-size:var(--text-figure);color:var(--text);font-weight:700}.training-race-totals{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.training-race-pill{font-size:var(--text-small);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);font-size:var(--text-xs);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);font-size:var(--text-xs);letter-spacing:normal;font-weight:700}.training-matrix-wr{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1}.training-matrix-games{font-size:var(--text-xs);color:var(--text-2);margin-top:0}.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{font-size:var(--text-xs);background:color-mix(in oklch, var(--terran) 15%, transparent);color:var(--terran-text);letter-spacing:normal;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 6px;font-weight:600;display:inline-block}.training-mode-badge--team{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent-ink)}.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-ink)}.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-ink)}.training-build-race{font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);background:var(--surface-hov);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);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;font-weight:700}.training-race-group-total{font-size:var(--text-xs);margin-left:var(--sp-2);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);font-size:var(--text-xs);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-weight:700;line-height:var(--lh-ui);background:0 0;border-radius:100px;padding:4px 10px;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);font-weight:700;font-size:var(--text-sm);text-align:right}.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(auto-fit,minmax(11rem,1fr));display:grid}.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);font-size:var(--text-xs);color:var(--text);font-weight:700}.training-comp-bucket-hint{font-size:var(--text-xs)}.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);font-size:var(--text-xs);flex:1;font-weight:700}.training-comp-wr{font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);text-align:right;min-width:36px}.training-comp-games{font-size:var(--text-xs);color:var(--text-muted);text-align:right;min-width:48px}.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-topbar-height:56px;--shell-chrome-height:var(--shell-topbar-height);--shell-bottombar-height:0px}html{scroll-padding-top:calc(var(--shell-chrome-height) + 8px)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.app-header{z-index:1000;height:var(--shell-topbar-height);background:var(--bg-dark);border-bottom:1px solid var(--border);align-items:center;display:flex;position:sticky;top:0}.app-shell .header-layout{width:100%;max-width:none;padding:0 var(--sp-5);gap:var(--sp-4);margin:0}.primary-navigation{align-items:center;gap:var(--sp-1);display:flex}#primary-navigation .nav-link,#context-navigation .nav-link{align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);color:var(--text-2);font-family:var(--font-body);font-size:var(--text-small);letter-spacing:0;text-transform:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;font-weight:500;display:inline-flex;position:relative}#primary-navigation .nav-link:hover,#context-navigation .nav-link:hover{color:var(--text);background:0 0}#primary-navigation .nav-link[aria-current=page],#context-navigation .nav-link[aria-current=page]{color:var(--text);border:0;border-bottom:2px solid var(--accent);background:0 0;font-weight:600}#primary-navigation .nav-icon{display:none}#primary-navigation .nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.context-navigation{align-items:center;gap:var(--sp-1);width:100%;max-width:var(--page-max);padding:var(--sp-2) var(--page-pad) 0;background:0 0;border:0;flex-wrap:nowrap;margin-inline:auto;display:flex;overflow-x:auto}.context-navigation .nav-link{white-space:nowrap}@media (width>=1101px){html:is([data-boot-view=ladder],[data-boot-view=public],[data-boot-view=builds],[data-boot-view=codex],[data-boot-view=archives],[data-boot-view=watchlist],[data-boot-view=coach],[data-boot-view=training],[data-boot-view=replay]) .app-content>:is(main,.context-navigation){max-width:var(--page-max-dense)}.app-content:has(>main>.view-panel.active:is(#view-ladder,#view-public,#view-builds,#view-codex,#view-archives,#view-history,#view-watchlist,#view-coach,#view-training,#view-replay))>:is(main,.context-navigation){max-width:var(--page-max-dense)}}.nav-icon{flex:none;width:18px;height:18px}.palette-trigger{align-items:center;gap:var(--sp-3);min-width:0;min-height:44px;padding:0 var(--sp-4);border:1px solid var(--border-control);border-radius:var(--r);background:var(--surface);color:var(--muted);font:inherit;font-size:var(--text-small);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex:0 344px;margin-left:auto;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(--text-2);font-family:var(--font-mono,monospace);font-size:var(--text-xs);padding:2px 6px}.app-content>main{min-height:calc(100dvh - var(--shell-chrome-height));padding-bottom:calc(var(--shell-bottombar-height) + 48px);flex:1}.app-content>main>#error:empty{display:none}.app-content>main>.view-panel.active>*{min-width:0}.app-content>.app-footer{padding-bottom:calc(var(--shell-bottombar-height) + var(--sp-6))}.app-footer-link[aria-current=page]{color:var(--accent);text-underline-offset:4px;text-decoration:underline}[data-scroll-region]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.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}@media (width<=1023px){:root{--shell-bottombar-height:64px}.primary-navigation{z-index:950;height:var(--shell-bottombar-height);padding:var(--sp-1) var(--sp-2) max(var(--sp-1), env(safe-area-inset-bottom));background:var(--bg-dark);border-top:1px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}#primary-navigation .nav-link{min-width:0;min-height:52px;padding:0 var(--sp-1);font-size:var(--text-xs);border-bottom:0;flex-direction:column;justify-content:center;gap:2px}#primary-navigation .nav-icon{flex:none;width:18px;height:18px;display:block}#primary-navigation .nav-label{max-width:100%;line-height:var(--lh-tight);text-align:center;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;display:-webkit-box;overflow:hidden}#primary-navigation .nav-link[aria-current=page]{box-shadow:inset 0 2px 0 var(--accent);border-bottom:0}}@media (width<=640px){.app-shell .header-layout{padding:0 var(--sp-3);gap:var(--sp-2)}.context-navigation{gap:0;padding:0 16px}#context-navigation .nav-link{padding:0 var(--sp-2)}.header-actions{gap:4px;min-width:0;margin-left:auto}.palette-trigger{flex:0 0 44px;justify-content:center;min-height:44px;padding:0}.palette-trigger-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.palette-trigger kbd{display:none}.app-brand .brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-brand .status-indicator{display:none}.lang-help-link{text-overflow:ellipsis;min-width:0;max-width:92px;overflow:hidden}#primary-navigation .nav-link{font-size:var(--text-xs)}}@media (width>=361px) and (width<=640px){.header-lang select{width:120px}}@media (width<=360px){.lang-help-link{min-width:44px;max-width:44px}}@media (prefers-reduced-motion:reduce){.palette-trigger{transition: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:var(--overlay-scrim);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(--field-border);border-radius:var(--r);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-xs);flex:none}.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;outline:2px solid var(--accent);outline-offset:2px;background:0 0;border:0}.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(--text-2);font-size:var(--text-xs);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-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto}.command-palette-status{padding:var(--sp-3) var(--sp-5);color:var(--muted);font-size:var(--text-small);margin:0}.command-palette-status:empty{display:none}body.palette-open{overflow:hidden}@media (width<=640px){.command-palette{padding:0}.command-palette-panel{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}}@media (prefers-reduced-motion:reduce){.palette-trigger{transition:none}}.shortcuts-dialog{width:min(560px, calc(100vw - 2 * var(--sp-4)));max-height:min(85vh,720px);padding:var(--sp-5);border:1px solid var(--border-control);background:var(--menu-bg);color:var(--text);box-shadow:var(--shadow-float);border-radius:12px;margin:auto;overflow-y:auto}.shortcuts-dialog::backdrop{background:color-mix(in oklch, var(--bg) 72%, transparent)}.shortcuts-dialog-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.shortcuts-dialog-title{font-size:var(--text-lg);margin:0}.shortcuts-dialog-close{border:1px solid var(--border-control);border-radius:var(--r);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;flex:none}.shortcuts-dialog-close:hover{border-color:var(--accent);color:var(--accent)}.shortcuts-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shortcuts-dialog-intro{margin:var(--sp-2) 0 var(--sp-4);color:var(--text-2);font-size:var(--text-sm)}.shortcuts-list{gap:var(--sp-2);margin:0;display:grid}.shortcuts-row{gap:var(--sp-3);grid-template-columns:minmax(150px,auto) 1fr;align-items:baseline;display:grid}.shortcuts-row dt{color:var(--text-2);font-size:var(--text-xs);white-space:nowrap}.shortcuts-row dd{font-size:var(--text-sm);margin:0}.shortcuts-row kbd{border:1px solid var(--border-control);border-radius:var(--r-sm);background:var(--surface);min-width:1.6em;color:var(--text);font-family:inherit;font-size:var(--text-xs);text-align:center;padding:1px 6px;display:inline-block}.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);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{font-size:var(--text-section);letter-spacing:var(--type-section-tracking);line-height:var(--lh-tight);margin:0}.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)}.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);margin:0}.acct-panel-note{margin:var(--sp-3) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--lh-ui)}.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);width:32px;height:32px;color:var(--btn-text);place-items:center;display:grid}.acct-link-icon svg{width:18px;height:18px}.acct-link-row[data-provider=battlenet] .acct-link-icon{background:var(--brand-battlenet)}.acct-link-row[data-provider=twitch] .acct-link-icon{background:var(--brand-twitch)}.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:color-mix(in oklch, var(--text) 5%, transparent)}.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}}.account-avatar img,.topbar-account-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.account-avatar-form{gap:var(--sp-3);display:grid}.account-avatar-form p{margin:0}.account-avatar-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.account-avatar-actions [hidden],.account-avatar-form [role=status]:empty{display:none}.account-avatar-form [role=status]{font-size:var(--text-sm);color:var(--text-2)}#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 color-mix(in oklch, var(--scrim) 16%, transparent)}#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 color-mix(in oklch, var(--scrim) 20%, transparent)}.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}@media (width<=640px){.profile-tabs{-webkit-mask-image:linear-gradient(to right, var(--scrim) calc(100% - 32px), transparent);-webkit-mask-image:linear-gradient(to right, var(--scrim) calc(100% - 32px), transparent);mask-image:linear-gradient(to right, var(--scrim) calc(100% - 32px), transparent);padding-inline-end:32px}}.profile-tab{border-radius:var(--r-pill);min-height:40px;color:var(--muted);font-family:var(--font-display);font-size:var(--text-xs);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-weight:700}.profile-tab:hover{color:var(--text-2)}.profile-tab.is-active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-ink)}.profile-tabs-tools{align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;max-width:100%;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-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.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-match{grid-template-columns:minmax(0,1fr) auto auto auto}.profile-recent-date{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.profile-back-link{color:var(--text-2);font-size:var(--text-small);white-space:nowrap;text-decoration:none}.profile-back-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.profile-recent-map,.profile-recent-opp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-recent-opp{color:var(--muted)}.profile-recent-list{container-type:inline-size}@container (width<=360px){.profile-recent-match{grid-template-columns:minmax(0,1fr) auto auto;row-gap:2px}.profile-recent-map{grid-column:1/3}.profile-recent-match>.profile-result{grid-area:1/3/3}}.profile-result{font-weight:700}.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-dots{align-items:center;gap:3px;display:flex}.profile-form-dot{box-sizing:border-box;background:var(--border-sub);border-radius:2px;width:10px;height:10px}.profile-form-dot.is-win{background:var(--success)}.profile-form-dot.is-loss{border:2px solid var(--danger);background:0 0}.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;min-width:0;display:flex;position:relative}.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(--r);flex-wrap:wrap;display:flex}.scouting-hero-main{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.scouting-hero-title{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.scouting-hero-title h2{overflow-wrap:anywhere;font-size:var(--text-section);letter-spacing:var(--type-section-tracking);margin:0}.scouting-race-badge,.scouting-league-badge,.scouting-mmr-badge{font-size:var(--text-xs);border-radius:var(--r-sm);background:color-mix(in oklch, var(--bg-dark) 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);color:var(--muted);display:flex}.scouting-winrate-tag{color:var(--text);font-weight:600}.scouting-matchup-filter{background:color-mix(in oklch, var(--bg-dark) 90%, black 10%);border-radius:var(--r-sm);border:1px solid var(--border-sub);flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;padding:4px;display:flex}.scouting-filter-pill{font-size:var(--text-xs);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:4px;padding:4px 12px;font-weight:500}.scouting-filter-pill.is-active,.scouting-filter-pill:hover{background:var(--accent);color:var(--action-text)}.scouting-threat-box{gap:var(--sp-3);flex-direction:column;display:flex}.scouting-threat-badge{align-items:center;gap:var(--sp-3);padding-block:var(--sp-3);color:var(--text);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);color:var(--text)}.threat-text span{font-size:var(--text-xs);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);border-radius:4px;grid-template-columns:90px 1fr 100px;padding:4px 6px;display:grid}.scouting-bracket-row.is-peak-danger{background:var(--danger-bg-subtle);border:1px solid var(--danger-border-soft)}.scouting-bracket-bar-track{background:var(--track-bg);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-body)}.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{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-block:var(--sp-2);display:flex}.stat-highlight-label{font-size:var(--text-xs);color:var(--muted)}.stat-highlight-val{font-size:var(--text-base);font-weight:700;font-family:var(--font-body);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);justify-content:space-between;display:flex}.scouting-opening-bar-track{background:var(--track-bg);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-block:var(--sp-2)}.playstyle-tag{font-size:var(--text-sm);color:var(--text);font-weight:600}.scouting-macro-metrics{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scouting-metric-tile{min-width:0;padding-block:var(--sp-3);flex-direction:column;align-items:center;gap:4px;display:flex}.metric-label{font-size:var(--text-xs);color:var(--muted)}.metric-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-body);color:var(--text)}.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-figure);font-family:var(--font-body);color:var(--text)}.h2h-record span{font-size:var(--text-sm);color:var(--accent);font-weight:600}.h2h-meta{font-size:var(--text-xs);color:var(--muted)}.scouting-tips-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.scouting-tip-card{gap:var(--sp-2);min-width:0;padding-block:var(--sp-3);border-top:1px solid var(--border-sub);flex-direction:column;display:flex}.scouting-tip-card.tip-allin_warning{border-top-color:var(--danger-border-soft)}.tip-header{align-items:center;gap:var(--sp-2);display:flex}.tip-icon{font-size:1.25rem}.tip-title{font-size:var(--text-sm);color:var(--text)}.tip-desc{font-size:var(--text-xs);color:var(--muted);line-height:var(--lh-snug);margin:0}.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(--bg-dark) 88%, var(--accent) 12%);border:1px solid color-mix(in oklch, var(--border-sub) 70%, var(--accent) 30%);border-radius:var(--r-sm);font-size:var(--text-small);color:var(--text);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);width:fit-content;padding:3px 8px;text-decoration:none;display:inline-flex}.aligulac-badge:hover{background:color-mix(in oklch, var(--bg-dark) 75%, var(--accent) 25%);border-color:var(--accent)}.aligulac-logo{font-weight:700;font-size:var(--text-xs);color:var(--accent-ink);background:color-mix(in oklch, var(--accent) 18%, transparent);border-radius:3px;padding:1px 5px}.aligulac-rating{color:var(--text);align-items:baseline;gap:3px;font-weight:600;display:inline-flex}.aligulac-rating small{opacity:.75;font-weight:400;font-size:var(--text-xs)}.aligulac-matchups{border-left:1px solid var(--border-sub);gap:6px;margin-left:4px;padding-left:6px;display:inline-flex}.aligulac-mu{font-size:var(--text-xs);font-family:var(--font-body);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}.scouting-dossier-wrapper :is(.threat-text,.scouting-opening-name,.tip-title,.tip-desc,.metric-label,.playstyle-tag){overflow-wrap:anywhere;min-width:0}.scouting-sample-summary,.scouting-opening-header,.h2h-record{gap:var(--sp-3);flex-wrap:wrap}.scouting-metric-tile+.scouting-metric-tile{border-inline-start:1px solid var(--border-sub)}.scouting-filter-pill[aria-pressed=true]{font-weight:700}.scouting-filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-scouting-loading],[data-scouting-error]{padding-block:var(--sp-3);margin:0}@media (pointer:coarse),(width<=640px){.scouting-matchup-filter{width:100%}.scouting-filter-pill{white-space:normal;flex:calc(50% - 6px);min-height:44px}}#view-dashboard #output{--hud-gold:var(--accent);--hud-frame:var(--border);--hud-hair:var(--border-sub);--hud-bg:var(--bg-card);--hud-panel:var(--bg-card);--hud-ink:var(--text);--hud-dim:var(--text-2);--hud-display:var(--font-display);--hud-mono:var(--font-body);--hud-ease:cubic-bezier(.16, 1, .3, 1)}.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{border:1px solid var(--hud-frame);border-radius:var(--r-lg);background:var(--hud-bg);box-shadow:none}.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{border:1px solid color-mix(in oklch, var(--hero-tone) 45%, var(--hud-hair));border-radius:var(--r);background:color-mix(in oklch, var(--hero-tone) 12%, var(--hud-bg));flex:none;place-items:center;width:56px;height:56px;display:grid}.profile-hero-race{background:var(--hero-tone);width:32px;height:32px}.profile-hero-main{gap:6px;min-width:0;display:grid}.profile-hero-kicker{color:var(--hud-dim);font:500 12px/1 var(--font-body);align-items:center;gap:8px;display:inline-flex}.profile-hero-kicker b{border-radius:var(--r-sm);background:var(--accent-dim);color:var(--accent-ink);padding:3px 6px;font-weight:700}.profile-hero-kicker span{font-variant-numeric:tabular-nums}.profile-hero-title{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}.profile-hero-title :is(h1,h2){color:var(--hud-ink);font-family:var(--hud-display);font-size:var(--text-page);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-lh);letter-spacing:var(--type-page-title-tracking);overflow-wrap:anywhere;margin:0}#profile-page-title:focus,#profile-page-title:focus-visible,#view-dashboard:focus,#view-dashboard:focus-visible,#output:focus,#output:focus-visible{outline:none}#output>.profile-page-title{font-family:var(--font-display);font-size:var(--text-page);font-weight:var(--type-page-title-weight);line-height:var(--lh-tight);margin:0 0 12px}.profile-hero-title :is(h1,h2) .muted-text{color:var(--hud-dim);vertical-align:.35em;font-size:.5em;font-weight:400}.profile-hero-title :is(.player-flag,.race-badge-img){font-size:var(--text-xs);margin:0;font-weight:600}.profile-hero-meta{color:var(--hud-dim);font-size:var(--text-small);line-height:var(--lh-snug)}.profile-hero .identity-chip-row{gap:6px}.profile-hero .identity-chip{border:1px solid var(--hud-hair);border-radius:var(--r-sm);background:var(--surface);color:var(--hud-ink);font-size:var(--text-xs);white-space:nowrap;overflow-wrap:normal;text-overflow:ellipsis;padding:4px 9px;font-weight:600;overflow:hidden}.profile-hero .identity-chip small{color:var(--hud-dim);font:500 var(--text-xs)/var(--lh-snug) var(--font-body)}.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);border-radius:var(--r-sm);min-height:24px;color:var(--accent-ink);font:600 12px var(--font-body);cursor:pointer;background:0 0;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 12px/1 var(--font-body);white-space:nowrap}.profile-hero-figure strong{color:var(--hud-ink);font-family:var(--hud-mono);font-size:var(--text-section);letter-spacing:var(--type-section-tracking);white-space:nowrap;font-weight:600;line-height:1}.profile-hero .kpi-meter{border-radius:var(--r-pill);background:var(--hud-hair);height:4px;margin-top:0}.profile-hero .kpi-meter-fill{border-radius:var(--r-pill)}.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-frame);border-radius:var(--r-sm);box-shadow:none;color:var(--hud-ink);font:600 13px/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease), background-color .12s var(--ease);background:0 0;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:var(--accent-dim);color:var(--accent-ink);opacity:1}.profile-hero-actions .profile-action-primary{border-color:var(--hud-gold);background:var(--hud-gold);color:var(--action-text)}.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);border-radius:var(--r-sm);color:var(--accent-ink);font:600 12px var(--font-body);padding:5px 8px}.profile-hero .action-menu__list{border:1px solid var(--hud-frame);border-radius:var(--r);background:var(--hud-bg);box-shadow:var(--shadow-float)}.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:var(--accent-dim);color:var(--accent-ink)}.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:var(--r);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:48px;height:48px}.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:var(--text-section)}}.profile-pending-body{gap:var(--sp-2);padding-top:var(--sp-2);flex-direction:column;display:flex}.profile-pending-body .skel-line:last-child{width:60%}.profile-pending-name-placeholder{width:12ch;display:inline-block}.profile-hero-figure strong.skel{width:4ch;height:21px;display:block}.profile-pending-slow{color:var(--text-2);font-size:var(--text-sm);margin:0}.profile-pending-slow[hidden]{display:none}#output .profile-tabs-row{border-bottom:1px solid var(--hud-hair)}#output .profile-tabs{gap:4px}#output .profile-tab{border-radius:var(--r-sm) var(--r-sm) 0 0;min-height:40px;color:var(--hud-dim);font:600 14px/1 var(--font-body);transition:color .12s var(--ease), background-color .12s var(--ease);background:0 0;border:0;padding:8px 14px;position:relative}#output .profile-tab:hover{background:var(--surface-hov);color:var(--hud-ink)}#output .profile-tab.is-active{color:var(--hud-ink);background:0 0;border:0}.profile-tab-marker{inset-inline:8px;background:var(--accent);pointer-events:none;height:2px;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);border-radius:var(--r);background:var(--hud-panel);box-shadow:none;position:relative}#view-dashboard #output .card:not(.profile-hero){transition:border-color .12s var(--ease)}#view-dashboard #output .card:not(.profile-hero):hover{border-color:var(--hud-frame)}#output .profile-panel .card>h3{color:var(--hud-ink);font:600 14px/1.3 var(--font-body)}#output #matches tbody tr{transition:background-color .12s var(--hud-ease), box-shadow .12s var(--hud-ease)}#output #matches tbody tr:hover{background:var(--surface-hov)}#output #matches .match-date{white-space:nowrap}#output #matches .match-result{font:600 13px/1 var(--font-body);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){.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:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(profile-panel){animation:none}::view-transition-old(profile-panel){animation:.12s ease-in both hud-fade-out}::view-transition-new(profile-panel){animation:hud-scan-in .2s var(--hud-ease) both}}@keyframes hud-fade-out{to{opacity:0}}@keyframes hud-scan-in{0%{opacity:0}to{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);font-size:var(--text-sm);margin:0;font-weight:700}.history-stat-chart-heading>span{color:var(--muted);font:600 var(--text-xs) var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.history-stat-chart-canvas{min-height:210px;position:relative}.history-stat-chart-canvas--tall{min-height:280px}@media (width>=1101px){.history-stat-chart-card--wide .history-stat-chart-canvas{height:var(--chart-max-block);max-height:var(--chart-max-block);max-width:var(--chart-max-inline)}}@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}}.welcome-replay-support,.replay-example-notice{color:var(--text-2);font-size:var(--text-xs);line-height:var(--lh-ui)}.welcome-replay-support{max-width:75ch}.replay-example-notice{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r)}.upload-trust{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui);margin:var(--sp-3) 0}.upload-trust summary{cursor:pointer;min-height:36px;color:var(--text-1);padding-block:6px;display:list-item}.upload-trust a{align-items:center;min-height:24px;display:inline-flex}.upload-trust p{margin:var(--sp-2) 0}@media (width<=899px){.upload-trust summary{min-height:44px;padding-block:10px}}.about-wrap{gap:var(--sp-8);align-content:start;display:grid}.about-head{gap:var(--sp-4);justify-items:start;display:grid}.about-title{margin:0}.about-kicker{margin-bottom:var(--sp-3);color:var(--text-2);font-size:var(--type-small-size);font-weight:600;line-height:var(--type-small-lh);letter-spacing:normal;display:block}.about-lede{max-width:60ch;color:var(--text-2);font-size:var(--type-lede-size);line-height:var(--type-lede-lh);margin:0}.about-tagline-line{max-width:60ch;color:var(--muted);font-size:var(--type-small-size);line-height:var(--type-small-lh);margin:0}.about-byline{align-items:center;gap:var(--sp-4);margin:var(--sp-3) 0 0;color:var(--text-2);font-size:var(--type-small-size);line-height:var(--type-small-lh);display:flex}.about-byline-mark{flex:none;width:32px;height:32px}.about-byline-name{color:var(--text);font-weight:600}.about-byline-role{color:var(--muted);display:block}.about-columns{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) 336px;align-items:start;display:grid}.about-main,.about-side{gap:var(--sp-7);min-width:0;display:grid}.about-block{min-width:0;padding-top:var(--sp-6);border-top:1px solid var(--border)}.about-heading{margin:0 0 var(--sp-4);color:var(--text);font-size:var(--type-section-size);font-weight:var(--type-section-weight);line-height:var(--type-section-lh);letter-spacing:var(--type-section-tracking)}.about-subheading{margin:var(--sp-6) 0 var(--sp-3);color:var(--text);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-lh)}.about-prose{max-width:68ch;color:var(--text-2);font-size:var(--type-body-size);line-height:var(--type-body-lh);margin:0}.about-section-heading{font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-lh);color:var(--text);margin:0 0 14px}.about-features{margin:0}.about-feature{gap:var(--sp-2) var(--sp-6);padding:var(--sp-4) 0;border-top:1px solid var(--border-sub);grid-template-columns:184px minmax(0,1fr);display:grid}.about-feature:first-child{border-top:0;padding-top:0}.about-feature:last-child{padding-bottom:0}.about-feature-title{color:var(--text);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-lh)}.about-feature-desc{max-width:60ch;color:var(--text-2);font-size:var(--type-body-size);line-height:var(--type-body-lh);margin:0}.about-feedback-desc{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui);margin:0 0 var(--sp-5)}.about-feedback-form{gap:var(--sp-5);display:grid}.about-feedback-row{gap:6px;display:grid}.about-feedback-label{font-size:var(--type-small-size);color:var(--text-2);font-weight:500}.about-feedback-select,.about-feedback-textarea{background:var(--bg-card);border:1px solid var(--field-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{min-height:36px}.about-feedback-select:focus-visible,.about-feedback-textarea:focus-visible{border-color:var(--accent)}.about-feedback-textarea{resize:vertical;min-height:120px;line-height:var(--lh-ui)}.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}.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{font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-weight:600;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);line-height:var(--lh-ui);white-space:pre-wrap;word-break:break-word}.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);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;margin:4px 0 0;padding:8px;overflow:auto}.admin-feedback-actions{gap:6px;margin-top:8px;display:flex}.admin-feedback-mark-btn{font-size:var(--text-xs);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-weight:600}.admin-feedback-mark-btn:hover{border-color:var(--accent);color:var(--accent)}.about-credits-note{margin:var(--sp-6) 0 0;color:var(--muted);font-size:var(--type-small-size);line-height:var(--type-small-lh)}.about-credits-grid{gap:var(--sp-6) var(--sp-7);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.about-credits-group-title{margin:0 0 var(--sp-2);color:var(--text);font-size:var(--type-small-size);font-weight:600;line-height:var(--type-small-lh)}.about-credits-list{gap:0 var(--sp-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.about-credits-list a{min-height:var(--sp-6);font-size:var(--text-sm);color:var(--text-2);transition:color var(--dur-fast) var(--ease);align-items:center;text-decoration:none;display:flex}.about-credits-list a:hover,.about-credits-list a:focus-visible{color:var(--text);text-underline-offset:3px;text-decoration:underline}@media (width>=901px){.about-side{top:calc(var(--shell-topbar-height) + var(--sp-6));position:sticky}}@media (width<=900px){.about-columns{gap:var(--sp-7);grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.about-wrap{gap:var(--sp-7);padding-top:var(--sp-5)}.about-feedback-select{min-height:44px}.about-feature{grid-template-columns:minmax(0,1fr)}}.admin-workspace{max-width:78rem;margin-inline:auto}.admin-workspace-header{border:1px solid var(--border);background:var(--bg-card);border-radius:.9rem;align-items:center;gap:1rem;margin:0 auto 1.5rem;padding:1.4rem 1.5rem;display:flex}.admin-workspace-mark{border:1px solid var(--border-hov);width:2.8rem;height:2.8rem;color:var(--accent);border-radius:.75rem;flex:0 0 2.8rem;place-items:center;font-weight:700;display:grid}.admin-workspace-eyebrow{color:var(--accent);font-size:var(--text-xs);margin:0;font-weight:700}.admin-workspace-header h1{margin:.15rem 0}.admin-workspace-header p:last-child{color:var(--text-2);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);background:color-mix(in oklch, var(--scrim) 14%, transparent);border-radius:.75rem;min-width:0}.premium-admin-directory{padding:.75rem}.premium-admin-directory-title{color:var(--text-2);font-size:var(--text-xs);margin:.2rem .35rem .65rem;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:color-mix(in oklch, var(--text) 4.5%, transparent)}.premium-admin-result.is-selected{border-color:color-mix(in oklch, var(--accent) 48%, transparent);background:color-mix(in oklch, var(--accent) 9%, transparent)}.premium-admin-result:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.premium-admin-result-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.premium-admin-result-email{color:var(--text-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.premium-admin-result-status{color:var(--text-2);font-size:var(--text-xs)}.premium-admin-result-status.is-active{color:var(--success)}.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{font-size:var(--text-lg);margin:0}.premium-admin-user-summary{gap:.25rem;display:grid}.premium-admin-email{color:var(--text-2);overflow-wrap:anywhere}.premium-admin-status{color:var(--text-2);font-size:var(--text-sm);overflow-wrap:anywhere}.premium-admin-status.is-active{color:var(--success)}.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);font-size:var(--text-xs);gap:.35rem;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);overflow-wrap:anywhere;margin:.3rem 0 0;padding:.8rem 0 0 1.4rem}.admin-navigation-link[aria-current=page]{color:var(--accent)}@media (width<=760px){.premium-admin-workbench{grid-template-columns:minmax(0,1fr)}.premium-admin-detail{min-height:0}}@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{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:12px}.coach-empty{border:1px dashed var(--border-control-hover);border-radius:var(--r);max-width:65ch;color:var(--text-2);background:var(--bg-card);line-height:var(--lh-body);padding:24px}.coach-header h1{margin:.4rem 0}.coach-header p{color:var(--text-2)}.coach-metrics{gap:var(--sp-3) var(--sp-5);margin:var(--sp-4) 0;padding:var(--sp-3) 0;border-block:1px solid var(--border-sub);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.coach-section{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;padding:1.2rem}.coach-metric{gap:var(--sp-2);display:grid}.coach-metric-label,.coach-note{color:var(--text-2)}.coach-metric-value{font-size:var(--text-figure);font-variant-numeric:tabular-nums}.coach-section{margin-top:1rem}.coach-section h2{font-size:var(--text-section);letter-spacing:var(--type-section-tracking);margin-top:0}.coach-focus{padding:var(--sp-3) 0;border-top:1px solid var(--border-sub);margin:0}.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:var(--lh-body)}.coach-prompt{gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--border-sub);border-radius:var(--r);background:var(--bg-card);display:grid}.coach-prompt__title{font-size:var(--text-lg);margin:0}.coach-prompt__lead,.coach-prompt__hint,.coach-prompt__privacy{color:var(--text-2);line-height:var(--lh-body);max-width:70ch;margin:0}.coach-prompt__hint{font-size:var(--text-sm)}.coach-prompt__privacy{font-size:var(--text-xs);color:var(--muted)}.coach-prompt__actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.coach-prompt__status{min-height:1.2em;color:var(--text-2);font-size:var(--text-sm);margin:0}.coach-prompt__text,.coach-prompt__answer{width:100%;padding:var(--sp-3);border:1px solid var(--border-control);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font:400 var(--text-sm) / 1.6 var(--font-mono);resize:vertical}.coach-prompt__answer{font-family:var(--font-body)}.coach-prompt__label{gap:var(--sp-2);font-weight:600;display:grid}.coach-prompt__output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--lh-body)}.coach-prompt__output:empty{display:none}.premium-showcase.rpl-pcard{gap:var(--sp-5);padding:var(--sp-5);grid-template-columns:minmax(0,1.15fr) minmax(220px,.9fr);align-items:center;display:grid;overflow:visible}.premium-badge{align-items:center;gap:var(--sp-2);padding:1px var(--sp-3);border:1px solid var(--premium-border);border-radius:var(--r-pill);background:var(--premium-bg);color:var(--premium-text);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;line-height:var(--lh-ui);vertical-align:middle;white-space:nowrap;display:inline-flex}.premium-badge__mark{fill:currentColor;flex:none;width:.75em;height:.75em}.replay-tab .premium-badge{margin-left:var(--sp-3)}.premium-showcase__eyebrow{margin:0 0 var(--sp-3)}.premium-showcase__title{margin:0 0 var(--sp-3);font-size:var(--text-section);letter-spacing:var(--type-section-tracking)}.premium-showcase__copy>p{color:var(--text-2);line-height:var(--lh-ui);margin:0}.premium-showcase__benefits{gap:var(--sp-3);margin:var(--sp-4) 0 0;padding:0;list-style:none;display:grid}.premium-showcase__benefits li{line-height:var(--lh-snug);padding-left:1rem;position:relative}.premium-showcase__benefits li:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.45em;left:0}.premium-showcase__stage{margin:0}.premium-showcase__stage figcaption{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--text-xs)}.premium-stage{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r);background:var(--bg);grid-template-columns:minmax(0,1fr) 4.2rem;display:grid}.premium-stage__map{background:linear-gradient(155deg, color-mix(in oklch, var(--terran) 22%, transparent), transparent 46%), linear-gradient(330deg, color-mix(in oklch, var(--zerg) 24%, transparent), transparent 48%), var(--bg-dark);border-radius:6px;min-height:148px;position:relative;overflow:hidden}.premium-stage__fog{background:color-mix(in oklch, var(--bg) 78%, transparent);width:52%;height:62%;position:absolute;top:0;right:0}.premium-stage__base{border:2px solid var(--terran);background:color-mix(in oklch, var(--terran) 40%, transparent);border-radius:4px;width:22px;height:22px;position:absolute}.premium-stage__base--a{bottom:16%;left:12%}.premium-stage__base--b{border-color:var(--zerg);background:color-mix(in oklch, var(--zerg) 40%, transparent);top:14%;right:16%}.premium-stage__path{background:linear-gradient(90deg, var(--terran), var(--accent) 55%, var(--zerg));transform-origin:0;height:2px;position:absolute;top:58%;left:24%;right:28%;transform:rotate(-24deg)}.premium-stage__unit{background:var(--terran);border-radius:50%;width:8px;height:8px;animation:5.5s ease-in-out infinite premium-push;position:absolute;top:70%;left:18%}.premium-stage__fight{background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:42%;left:46%}.premium-stage__fights{align-content:center;gap:var(--sp-3);font-family:var(--font-body);font-size:var(--text-xs);margin:0;padding:0;list-style:none;display:grid}.premium-stage__fights b{color:var(--accent);font-weight:700}.premium-stage__fights span{background:var(--border);border-radius:99px;width:100%;height:4px;margin-top:4px;display:block}.premium-stage__fights li:first-child span{background:var(--accent)}.premium-stage__time{background:var(--border);border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.premium-stage__time>span{background:var(--accent);width:38%;height:100%;display:block}.premium-showcase__checkout{grid-column:1/-1}.premium-showcase__checkout[hidden]{display:none}@keyframes premium-push{0%{top:68%;left:16%}46%{top:46%;left:44%}72%{top:40%;left:58%}to{top:68%;left:16%}}@media (prefers-reduced-motion:reduce){.premium-stage__unit{animation:none;top:46%;left:44%}}@media (width<=720px){.premium-showcase.rpl-pcard{grid-template-columns:minmax(0,1fr)}.premium-showcase__checkout :is(button,a.btn-primary),.premium-billing :is(button,a.btn-primary){min-height:44px}}.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);border-radius:.65rem;gap:.7rem;padding:1rem;display:grid}.premium-billing-plan span{font-size:var(--text-section);font-weight:700}.premium-billing-state{color:var(--success)}.premium-billing-feedback{min-height:1.5em}.practice-focus{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);min-width:0;color:var(--text);gap:8px;margin:0 0 12px;padding:12px 14px;display:grid}.practice-focus--better{border-color:var(--success-border-subtle)}.practice-focus--worse{border-color:var(--danger-border-subtle)}.practice-focus--flat{border-color:var(--border)}.practice-focus__kicker,.practice-focus__title,.practice-focus__status,.practice-focus__current,.practice-focus__method{min-width:0;max-width:68ch;margin:0}.practice-focus__kicker{color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;line-height:var(--lh-snug)}.practice-focus__title{color:var(--text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--lh-tight)}.practice-focus__status,.practice-focus__current,.practice-focus__method{line-height:var(--lh-ui)}.practice-focus__status{color:var(--text)}.practice-focus--better .practice-focus__status{color:var(--success)}.practice-focus--worse .practice-focus__status{color:var(--danger)}.practice-focus--flat .practice-focus__status{color:var(--muted)}.practice-focus__current{color:var(--text)}.practice-focus__method{color:var(--muted);font-size:var(--text-sm)}.practice-focus__clear{border:1px solid var(--border);border-radius:var(--r);min-height:44px;color:var(--text);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;line-height:var(--lh-snug);cursor:pointer;background:0 0;justify-self:start;padding:10px 16px}.practice-focus__clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=480px){.practice-focus__clear{justify-self:stretch;width:100%}}.legal-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);gap:18px;max-width:860px;margin:0 auto;padding:24px 32px;display:grid}.legal-title{overflow-wrap:anywhere;margin:0}.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);margin:0 0 8px}.legal-body{color:var(--text-2);font-size:var(--text-base);line-height:var(--lh-body);margin:0 0 10px}.legal-wrap a:not(.legal-btn):not(.donate-cta-btn){color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.legal-wrap a:not(.legal-btn):not(.donate-cta-btn):hover{color:var(--text)}.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-list{color:var(--text-2);font-size:var(--text-base);line-height:var(--lh-body);gap:6px;margin:10px 0 0;padding-left:20px;display:grid}.legal-list li::marker{color:var(--accent)}.pricing-availability{font-size:var(--text-sm);color:var(--muted);margin:-6px 0 0}.legal-disclaimer{border:1px solid var(--border-sub);background:var(--surface-faint);color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-body);border-radius:8px;margin:8px 0 0;padding:12px 14px}.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:var(--lh-body)}.noscript-notice a{color:var(--accent)}.legal-btn{white-space:normal;border-radius:var(--r);border:1px solid var(--accent);max-width:100%;min-height:44px;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(--action-text)}.pay-intent__choices{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.pay-intent__choice:disabled{opacity:.6;cursor:progress}.pay-intent__error{color:var(--danger)}.app-footer-link--button{cursor:pointer;font-family:inherit;line-height:inherit;background:0 0;border:none}.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(--action-text);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease);padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.donate-cta-btn:hover{background:var(--accent-hover);color:var(--action-text)}.donate-cta-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.donate-cta-note{color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-body);margin:0}@media (width<=640px){.legal-wrap{gap:20px;padding:20px 16px}.legal-body{overflow-wrap:anywhere}}html{scroll-padding-top:96px;scroll-padding-bottom:calc(120px + var(--cookie-consent-height,0px))}@media (width>=1100px){html{scroll-padding-top:60px;scroll-padding-bottom:calc(40px + var(--cookie-consent-height,0px))}}html:has(.cookie-consent-banner:not([hidden])) .app-content{padding-bottom:var(--cookie-consent-height,0px)}.cookie-consent-banner{z-index:9500;background:var(--bg-dark);border-top:1px solid var(--border-sub);box-shadow:0 -8px 24px color-mix(in oklch, var(--scrim) 35%, transparent);padding:16px;position:fixed;bottom:0;left:0;right:0}@media (width<=1023px){.cookie-consent-banner{bottom:var(--shell-bottombar-height,0px)}}.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);line-height:var(--lh-body);flex:420px;margin:0}.cookie-consent-age{color:var(--text-2);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;cursor:pointer;flex-direction:row;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(--action-text)}.cookie-consent-banner .btn--accept:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.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>=900px){.cookie-consent-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;display:grid}.cookie-consent-text,.cookie-consent-age{grid-column:1}.cookie-consent-actions{grid-area:1/2/span 2;align-self:center}}@media (width<=640px){.cookie-consent-banner{padding:10px 12px}.cookie-consent-inner{flex-direction:column;align-items:stretch;gap:6px}.cookie-consent-text{font-size:var(--text-xs);line-height:var(--lh-ui)}.cookie-consent-age{font-size:var(--text-xs)}.cookie-consent-banner .btn{min-height:44px;padding:6px 14px}.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{font-size:var(--text-xs);letter-spacing:0;text-transform:none;font-weight:600;line-height:var(--lh-snug);white-space:nowrap;vertical-align:middle;cursor:help;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;display:inline-flex}.player-flag--confirmed,.player-flag--suspicious{background:var(--bg-card);color:var(--text-2);border:1px solid var(--border-control);gap:4px}.player-flag--confirmed:before,.player-flag--suspicious:before{content:"⚠";content:"⚠" / ""}.player-flag--confirmed:before{color:var(--danger)}.player-flag--suspicious:before{color:var(--warn)}.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:var(--warn);--flag-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:var(--danger)}.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:before{content:none}.player-flag-details .player-flag{color:var(--flag-tone);font:700 12px/1.4 var(--font-body);letter-spacing:0;text-transform:none;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:600 12px/1.4 var(--font-body);letter-spacing:0;text-transform:none;margin-right:6px}.player-flag-meta{color:var(--muted);font:400 10.5px/1.4 var(--flag-mono);letter-spacing:normal;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 13px/1.2 var(--font-body);letter-spacing:0;text-transform:none;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 var(--dur-fast) var(--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{font-size:var(--text-xs);color:var(--muted);justify-self:end}.admin-flag-item{border-bottom:1px solid var(--border);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:var(--text-xs)}.admin-flag-item-reason{overflow-wrap:anywhere;font-size:var(--text-sm)}.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 var(--border-control);background:var(--bg-card);color:var(--text-2);font-size:var(--text-xs);letter-spacing:0;text-transform:none;font-weight:600;line-height:var(--lh-ui);white-space:nowrap;vertical-align:middle;cursor:help;border-radius:4px;align-items:center;margin-left:6px;padding:0 5px;display:inline-flex}.player-reveal-pulse{color:var(--muted);font-size:var(--text-sm);margin:0}.player-reveal-hidden{align-items:center;gap:8px;display:flex}.admin-tabs{gap:12px;min-width:0;display:grid}.admin-tablist{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px 20px;display:flex}.admin-tab{min-height:44px;color:var(--text-2);font:600 var(--text-sm)/1.2 var(--font-body);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 2px;display:inline-flex}.admin-tab:hover{color:var(--text)}.admin-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.admin-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-tab-count{border-radius:var(--r-sm);background:var(--surface-hov);min-width:24px;color:var(--text-2);font:600 var(--text-xs)/1.4 var(--font-body);font-variant-numeric:tabular-nums;text-align:center;padding:1px 6px}.admin-tab-badge{border-radius:var(--r-sm);border:1px solid var(--accent);background:var(--accent-dim);color:var(--text);font:600 var(--text-xs)/1.4 var(--font-body);white-space:nowrap;padding:1px 6px}.admin-tabpanel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.admin-resolve-form{max-width:720px;margin-top:0}.admin-resolve-row{align-items:stretch;gap:8px;display:flex}.admin-resolve-row input{flex:auto;min-width:0}.admin-resolve-row button{flex:none}.admin-toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:16px 0 8px;display:flex}.admin-toolbar-field{color:var(--text-2);font:600 var(--text-xs)/1.3 var(--font-body);gap:4px;display:grid}.admin-toolbar-field input,.admin-toolbar-field select{min-height:36px;font-weight:400}.admin-toolbar-search{flex:260px;max-width:420px}.admin-toolbar-search input{width:100%}.admin-toolbar-check{min-height:36px;color:var(--text);font:400 var(--text-sm)/1.3 var(--font-body);align-items:center;gap:8px;display:inline-flex}.admin-toolbar-count{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin:0 0 0 auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);table-layout:auto}.admin-table thead th{top:var(--shell-topbar-height,56px);z-index:2;border-bottom:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font:600 var(--text-xs)/1.3 var(--font-body);text-align:left;white-space:nowrap;padding:8px 10px;position:sticky}.admin-table td{border-bottom:1px solid var(--border-sub);vertical-align:middle;padding:6px 10px}.admin-table tbody tr.admin-row:hover>td{background:var(--surface)}.admin-table .admin-col-name{overflow-wrap:anywhere;font-weight:600}.admin-table .admin-col-status .player-flag{margin-left:0}.admin-table .admin-col-profile,.admin-table .admin-col-date{color:var(--muted);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums}.admin-table .admin-col-note{width:40%;max-width:0}.admin-table .admin-col-actions{text-align:right;white-space:nowrap;width:1%}.admin-mono{font-family:var(--font-mono)}.admin-truncate{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);display:block;overflow:hidden}.admin-icon-btn{border:1px solid var(--border);border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;place-items:center;display:inline-grid}.admin-icon-btn:hover,.admin-icon-btn[aria-expanded=true]{border-color:var(--accent);color:var(--text)}.admin-icon-btn:focus-visible,.admin-group-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-group-row>td{background:var(--surface)}.admin-group-toggle{min-height:36px;color:var(--text);font:600 var(--text-sm)/1.3 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.admin-group-caret{border-block:5px solid #0000;width:0;height:0;transition:transform var(--dur-fast) var(--ease);border-left:6px solid}.admin-group-toggle[aria-expanded=true] .admin-group-caret{transform:rotate(90deg)}.admin-row--child>.admin-col-name{padding-left:28px}.admin-edit-row>td{background:var(--surface)}.admin-edit-row .player-flag-form{margin-top:0}.admin-table-more{justify-content:center;margin-top:8px;display:flex}.admin-table-more [hidden]{display:none}@media (prefers-reduced-motion:reduce){.admin-group-caret{transition:none}}@media (width<=760px){.admin-toolbar-count{flex-basis:100%;margin-left:0}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{width:auto;max-width:none;display:block}.admin-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-table tbody tr{border:1px solid var(--border-sub);border-radius:var(--r-sm);margin-bottom:8px;padding:8px 52px 8px 10px;position:relative}.admin-table tbody tr[hidden]{display:none}.admin-table td{border:0;padding:2px 0}.admin-table td[data-label]:not(.admin-col-name):before{content:attr(data-label) " · ";color:var(--muted);font-size:var(--text-xs)}.admin-table .admin-col-note{width:auto;max-width:none}.admin-table td{padding-block:2px}.admin-table .admin-col-actions{width:auto;position:absolute;top:8px;right:8px}.admin-table .admin-group-row,.admin-table .admin-edit-row{padding-right:10px}.admin-row--child>.admin-col-name{padding-left:0}}.admin-tag{border:1px solid var(--border-control);border-radius:var(--r-sm);color:var(--text-2);font:600 var(--text-xs)/1.4 var(--font-body);white-space:nowrap;padding:1px 6px;display:inline-flex}.admin-tag--muted{color:var(--muted);border-style:dashed}.admin-alt-account{text-align:left;min-height:36px}.admin-bulk-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.admin-bulk-bar button:disabled{opacity:1;color:var(--muted);cursor:not-allowed;border-color:var(--border-sub)}.admin-bulk-status{color:var(--text-2);font-size:var(--text-sm);margin:0}.admin-bulk-status.is-error{color:var(--danger)}.admin-table .admin-col-select{width:1%}.admin-table .admin-col-select input{width:18px;height:18px;margin:0}.admin-table .admin-col-message{width:50%}.admin-table .admin-col-type,.admin-table .admin-col-author{white-space:nowrap}.admin-feedback-row .admin-feedback-msg.is-collapsed{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-feedback-row.is-read td{color:var(--text-2)}.admin-feedback-row .admin-feedback-mark-btn{white-space:nowrap;min-height:36px}.admin-link-btn{min-height:32px;color:var(--accent-ink,var(--accent));font:600 var(--text-xs)/1.3 var(--font-body);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.admin-link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.admin-table .admin-col-select{position:absolute;top:10px;left:10px}.admin-feedback-row{padding-left:40px!important}.admin-table .admin-col-message{width:auto}.admin-feedback-row .admin-col-actions{margin-top:4px;position:static}.admin-table thead .admin-col-select{position:static}}.admin-toolbar-check{flex-direction:row}.admin-toolbar-check input[type=checkbox]{flex:none;width:18px;height:18px;min-height:0;margin:0}@media (width<=760px){.admin-tablist{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.admin-tab{white-space:nowrap;flex:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{min-width:0;max-width:100%}.admin-table .admin-col-note,.admin-table .admin-col-note *{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.admin-bulk-select-all{display:none}@media (width<=760px){.admin-bulk-select-all{align-items:center;gap:8px;min-height:44px;display:inline-flex}.admin-bulk-select-all input[type=checkbox]{width:22px;height:22px}}.lb-streams-panel{margin-bottom:var(--sp-4);padding:var(--sp-3);background:color-mix(in oklch, var(--scrim) 15%, transparent);border-radius:8px}.lb-streams-title{margin:0 0 var(--sp-2);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}.live-streams-grid--large .stream-tile{gap:var(--sp-2);padding-bottom:var(--sp-3);background:color-mix(in oklch, var(--scrim) 20%, transparent);transition:background var(--dur-fast) var(--ease);border-radius:6px}.live-streams-grid--large .stream-tile:has(>.lb-stream-item:is(:hover,:focus-visible)){background:color-mix(in oklch, var(--scrim) 40%, transparent)}.live-streams-grid--large .stream-tile>.lb-stream-item,.live-streams-grid--large .stream-tile>.lb-stream-item:is(:hover,:focus-visible){background:0 0;height:auto}.live-streams-grid--large .stream-tile>.stream-profile-btn{margin-inline:var(--sp-3)}.stream-profile-btn{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);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(--text-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.home-live-streams-more{display:none}@media (width<=899px){.home-live-streams{margin-top:var(--sp-5)}.home-live-streams-more{min-height:44px;margin-top:var(--sp-3);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);cursor:pointer;transition:color .12s var(--ease), border-color .12s var(--ease);background:0 0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.home-live-streams-more:hover,.home-live-streams-more:focus-visible{border-color:var(--accent);color:var(--accent)}.home-live-streams-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-live-streams:not(.is-streams-expanded) .live-streams-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(230px,78%);grid-auto-flow:column;overflow-x:auto}.home-live-streams:not(.is-streams-expanded) .live-streams-grid>*{scroll-snap-align:start}}.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);background:color-mix(in oklch, var(--color-loss) 15%, transparent);border-color:color-mix(in oklch, var(--color-loss) 45%, transparent);color:var(--color-loss);font-weight:700;text-decoration:none}.profile-stream-slot .profile-live-badge:hover,.profile-stream-slot .profile-live-badge:focus-visible{background:color-mix(in oklch, var(--color-loss) 30%, transparent);border-color:var(--color-loss);color:var(--color-loss)}.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:var(--sp-5)}.home-upcoming-tournaments h2{color:var(--accent);font-family:var(--font-display);font-size:var(--text-sm);margin:0;font-weight:700}.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{min-height:24px;color:var(--accent);font-size:var(--text-sm);align-items:center;display:inline-flex}.home-upcoming-matches{margin-bottom:var(--sp-6)}.home-upcoming-subheading{margin-bottom:12px}.home-upcoming-subheading h3{color:var(--text-2);font-family:var(--font-display);font-size:var(--text-small);margin:0;font-weight:600}.home-upcoming-live-indicator{align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--text-xs);display:inline-flex}.home-upcoming-live-indicator i{background:var(--accent);border-radius:50%;width:7px;height:7px}.home-upcoming-match-spotlight{gap:var(--sp-5) var(--sp-6);padding:var(--sp-5) 0;border-bottom:1px solid var(--border-sub);box-shadow:none;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.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);font-weight:700}.home-upcoming-match-countdown{color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-weight:600}.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);font-size:var(--text-section);letter-spacing:var(--type-section-tracking);font-weight:600;line-height:var(--lh-tight);text-overflow:ellipsis;overflow:hidden}.home-upcoming-versus{color:var(--muted);font-size:var(--text-xs);font-weight:600}.home-upcoming-match-details{align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.home-upcoming-match-tournament{color:var(--text);font-weight:700}.home-upcoming-match-detail-divider{opacity:.55}.home-upcoming-match-format{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.home-upcoming-bracket{justify-content:center;align-items:center;gap:var(--sp-3);min-height:36px;color:var(--accent-ink);font-size:var(--text-sm);border:0;border-radius:0;padding:0;font-weight:500;text-decoration:none;transition:color .12s;display:inline-flex}.home-upcoming-bracket:hover,.home-upcoming-bracket:focus-visible{color:var(--accent);text-decoration:underline}.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-top:1px solid var(--border-sub);gap:0;margin-top:10px;display:grid}.home-upcoming-match-spotlight+.home-upcoming-match-list{border-top:0;margin-top:0}.home-upcoming-match-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--border-sub);background:0 0;grid-template-columns:minmax(190px,.8fr) minmax(180px,1fr) auto;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(--muted);font-size:var(--text-xs);font-weight:600}.home-upcoming-match-row-meta{color:var(--text-muted);font-size:var(--text-xs);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);padding:0 10px}.home-upcoming-events{margin-top:var(--sp-6)}.home-upcoming-tournaments-grid{border-top:1px solid var(--border-sub);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.home-upcoming-tournament{align-items:baseline;gap:var(--sp-2) var(--sp-4);border:0;border-bottom:1px solid var(--border-sub);min-width:0;transition:color var(--dur-fast) var(--ease);background:0 0;border-radius:0;grid-template-columns:96px minmax(0,1fr) auto;padding:12px 0;display:grid}.home-upcoming-tournament:hover{border-color:var(--border-sub);background:0 0}.home-upcoming-tournament-date{color:var(--text-2);font-size:var(--text-xs);font-weight:500}.home-upcoming-tournament-name{color:var(--text);line-height:var(--lh-snug)}.home-upcoming-tournament-footer{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:0;display:flex}.home-upcoming-tournament-countdown{color:var(--muted);font-size:var(--text-xs)}.home-upcoming-tournament .home-upcoming-bracket{min-height:36px;font-size:var(--text-xs);padding:0}.home-upcoming-tournaments-status{color:var(--text-2);font-size:var(--text-sm);margin:0}@media (width<=700px){.home-upcoming-tournament{gap:var(--sp-1);grid-template-columns:minmax(0,1fr)}.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:var(--text-section);letter-spacing:var(--type-section-tracking)}.home-upcoming-match-row{gap:var(--sp-3) var(--sp-4);padding:var(--sp-4);grid-template-columns:minmax(0,1fr) auto}.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}}.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);font-size:var(--text-xs);font-weight:700}.replay-progress__header h2{font-size:var(--text-headline);letter-spacing:var(--type-headline-tracking);margin:0}.replay-progress__description{max-width:50rem;margin:var(--sp-3) 0 0;color:var(--text-2);line-height:var(--lh-body)}.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{font-size:var(--text-small);color:var(--text);margin:0;font-weight:700}.ins-subtitle{margin:var(--sp-3) 0 0;font-size:var(--text-sm);color:var(--text-2)}.ins-lead{font-size:var(--text-lg);margin:0}.ins-note,.ins-empty{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui);margin:0}.ins-empty-block{justify-items:start;gap:var(--sp-4);padding-block:var(--sp-5);display:grid}.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-body);font-size:var(--text-xs);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease)}.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);font-size:var(--text-xs);white-space:nowrap;align-items:center;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-ink)}.ins-table-wrap{overflow-x:auto}.ins-thin{color:var(--text-2);font-size:var(--text-xs);font-weight:400;display:block}.ins-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.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);font-weight:600;font-size:var(--text-xs)}.ins-table td.tabular{text-align:right}.ins-row--good th{background:var(--success-bg-subtle)}.ins-row--bad th{background:var(--danger-bg-subtle)}.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{font-size:var(--text-small);color:var(--text-2)}.ins-band__readout{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text);margin:0}.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);font-size:var(--text-xs);color:var(--text-2);flex-wrap:wrap;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:var(--text-sm)}.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);font-size:var(--text-small);margin:0;padding:0;list-style:none;display:grid}.ins-feed__game{gap:var(--sp-3);grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 3.5rem 1.5rem;display:grid}.ins-feed__result{min-width:1.1em;margin-right:var(--sp-1);text-align:center;font-weight:700;display:inline-block}.ins-feed__result--win{color:var(--color-win)}.ins-feed__result--loss{color:var(--color-loss)}.ins-feed__result--na{color:var(--muted)}.ins-balance{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ins-balance-matrix{padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);gap:var(--sp-3);flex-direction:column;grid-column:1/-1;display:flex}.ins-balance-matrix__head{gap:var(--sp-1);flex-direction:column;display:flex}.ins-balance-matrix__head .ins-subtitle{font-size:var(--text-lg);color:var(--text);margin:0;font-weight:700}.ins-balance-matrix__head .ins-note{font-size:var(--text-small);color:var(--text-2);margin:0}.ins-matrix-table{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%;min-width:440px;font-size:var(--text-sm)}.ins-matrix-table th,.ins-matrix-table td{padding:var(--sp-3);vertical-align:middle;border-radius:var(--r-sm)}.ins-matrix-table thead th{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);color:var(--text-2);text-align:center;background:0 0;border:none;font-weight:600}.ins-matrix-table thead th.ins-matrix-col-race{text-align:left;width:25%}.ins-matrix-table tbody th.ins-matrix-row-race{text-align:left;background:var(--surface-faint);white-space:nowrap;border:none}.ins-matrix-race-wrap{align-items:center;gap:var(--sp-2);display:flex}.ins-race-badge{border-radius:var(--r-sm);width:1.5rem;height:1.5rem;font-weight:700;font-size:var(--text-xs);border:1px solid #0000;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ins-race-badge--protoss{color:var(--race-protoss);background:color-mix(in srgb, var(--race-protoss) 14%, transparent);border-color:color-mix(in srgb, var(--race-protoss) 30%, transparent)}.ins-race-badge--terran{color:var(--race-terran);background:color-mix(in srgb, var(--race-terran) 14%, transparent);border-color:color-mix(in srgb, var(--race-terran) 30%, transparent)}.ins-race-badge--zerg{color:var(--race-zerg);background:color-mix(in srgb, var(--race-zerg) 14%, transparent);border-color:color-mix(in srgb, var(--race-zerg) 30%, transparent)}.ins-matrix-race-label{color:var(--text);font-weight:600;font-size:var(--text-sm)}.ins-matrix-cell{text-align:center;background:var(--surface-faint);border:1px solid var(--border-sub);transition:background-color .15s,border-color .15s}.ins-matrix-cell.is-favorable{background:color-mix(in srgb, var(--color-win) 12%, var(--surface-faint));border-color:color-mix(in srgb, var(--color-win) 28%, transparent)}.ins-matrix-cell.is-favorable .ins-matrix-rate{color:var(--text)}.ins-matrix-cell.is-unfavorable{background:color-mix(in srgb, var(--color-loss) 12%, var(--surface-faint));border-color:color-mix(in srgb, var(--color-loss) 28%, transparent)}.ins-matrix-cell.is-unfavorable .ins-matrix-rate{color:var(--color-loss);font-weight:600}.ins-matrix-cell.is-even{border-color:var(--border-sub)}.ins-matrix-cell.is-mirror{opacity:.88}.ins-matrix-rate{font-size:var(--text-lg);color:var(--text);font-weight:700;line-height:var(--lh-tight)}.ins-matrix-sub{font-size:var(--text-xs);line-height:var(--lh-snug);color:var(--text-2);margin-top:2px}.ins-matrix-ci{color:var(--muted);font-family:var(--font-body)}.ins-matrix-games{color:var(--text-2)}.ins-matrix-badge-mirror{border-radius:var(--r-sm);font-size:var(--text-xs);background:var(--surface-hov);color:var(--text-2);border:1px solid var(--border-sub);padding:1px 6px;display:inline-block}.ins-matrix-cell.is-empty{color:var(--text-muted);font-style:italic}.ins-balance>.ins-note{grid-column:1/-1}.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:var(--text-small)}@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}.pro-tournament-pill{font-size:var(--text-xs);color:var(--accent-ink);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-weight:600;display:inline-flex;overflow:hidden}.pro-badge{font-size:var(--text-xs);letter-spacing:normal;color:var(--accent-ink);background:var(--accent-dim);border:1px solid var(--border-hov);border-radius:3px;margin-left:4px;padding:1px 4px;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;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-weight:600;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{min-height:36px;font-size:var(--text-sm);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;margin:0;padding-inline:8px;display:inline-flex}.public-filter-checkbox-label input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);cursor:pointer;flex:0 0 16px;margin:0;padding:0}.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{font-size:var(--text-xs);letter-spacing:normal;color:var(--accent);margin-bottom:4px;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);transition:border-color var(--dur-fast), transform var(--dur-fast);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.pro-pack-card:hover{border-color:color-mix(in oklch, var(--accent) 40%, transparent);transform:translateY(-2px)}.pro-pack-card-header{font-size:var(--text-xs);justify-content:space-between;align-items:center;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);font-size:var(--text-xs);letter-spacing:normal}.pro-pack-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.pro-pack-desc{font-size:var(--text-xs);color:var(--text-2);line-height:var(--lh-snug);flex:auto;margin:0}.pro-pack-meta{font-size:var(--text-xs);color:var(--text-2);justify-content:space-between;margin-top:2px;display:flex}.pro-pack-highlights{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.highlight-tag{font-size:var(--text-xs);background:var(--accent-dim);color:var(--accent-ink);border:1px solid var(--border-hov);border-radius:3px;padding:2px 6px}.pro-pack-actions{margin-top:6px}.btn-filter-pack{width:100%;font-size:var(--text-xs);cursor:pointer;border-radius:4px;padding:6px 12px;font-weight:600}.pro-pack-patch.is-outdated{color:var(--warn);text-underline-offset:2px;cursor:help;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@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<=760px){.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}}#view-archives .history-summary-grid{margin:0;padding:0;display:block}#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) 97%, var(--text) 3%);--archive-panel-raised:color-mix(in oklch, var(--bg) 94%, var(--text) 6%)}#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{margin:0}#view-archives .history-description{max-width:620px;color:var(--text-2);line-height:var(--lh-ui);margin:8px 0 0}#view-archives .history-head-count{text-align:right;min-width:150px;padding:4px 0}#view-archives .history-head-count strong{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:var(--text-figure);line-height:var(--lh-tight);display:block}#view-archives .history-head-count span{color:var(--muted);font-size:var(--text-xs);margin-top:6px;font-weight:700;display:block}#view-archives .history-head-count .history-scope-status{max-width:320px;color:var(--text-2);line-height:var(--lh-snug)}#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-subtle);border-radius:var(--r);background:var(--archive-panel);grid-template-columns:minmax(0,1fr);gap:8px 12px;margin:12px 0 14px;padding:12px;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{background:var(--bg);flex:280px;width:100%;min-width:0;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{background:var(--bg);flex:1 1 0;min-width:0;max-width:none}#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{color:var(--muted);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-metrics{border-block:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;margin:0 0 6px;padding:12px 0 0;display:grid}#view-archives .history-summary-skeleton :is(.hist-stat-val,.hist-stat-lbl){border-radius:var(--r);background:var(--surface-hov);color:#0000;width:6ch}#view-archives .history-summary-skeleton .hist-stat-lbl{width:10ch}#view-archives .history-summary-grid>.claim-banner{border:1px solid var(--accent);border-radius:var(--r);background:var(--archive-panel);margin-bottom:12px;padding:12px 16px}#view-archives .claim-banner p{color:var(--muted);margin:4px 0 0}#view-archives .hist-stat-card{border:0;border-inline-start:1px solid var(--border-subtle);text-align:left;background:0 0;border-radius:0;min-height:76px;padding:4px 20px}#view-archives .hist-stat-card:before{display:none}#view-archives .hist-stat-card:hover{background:0 0}#view-archives .hist-stat-val{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:var(--text-figure)}#view-archives .history-retention-banner{font-size:var(--text-xs);text-align:right;background:0 0;border:0;border-radius:0;grid-column:1/-1;margin:0;padding:4px 0 8px;display:block}#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{display:none}#view-archives .history-results-summary{color:var(--muted);font-family:var(--font-body);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);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}#view-archives .history-table th{border-bottom:1px solid var(--border);background:var(--archive-panel);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,#view-archives .history-row:is(.is-win,.is-loss){background:var(--archive-panel)}#view-archives .history-row:hover{background:var(--archive-panel-raised)}#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(--text);background:0 0;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-body);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}#view-archives .history-admin-scope{flex:none;margin:0}#view-archives .history-admin-scope-option{white-space:nowrap;text-transform:none;letter-spacing:normal}#view-archives .history-export-menu,#view-archives .btn-history-refresh{flex:none}#view-archives .history-active-filters:empty{display:none}#view-archives .hist-stat-card:first-child{border-inline-start:0}#view-archives .hist-stat-lbl{font-size:var(--text-xs);display:block}#view-archives .history-section-heading h3{font-size:14px}#view-archives .matchups-grid{grid-template-columns:minmax(0,1fr);gap:0}#view-archives .hist-matchup-card{border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;padding:14px 0}#view-archives .hist-matchup-card:first-child{padding-top:0}#view-archives .hist-matchup-card:last-child{border-bottom:0;padding-bottom:0}#view-archives .hist-matchup-info{gap:12px}#view-archives .hist-matchup-count{font-size:var(--text-xs);flex:none}#view-archives .hist-matchup-label{gap:4px}#view-archives .hist-matchup-label .race-badge-img{font-size:var(--text-xs);padding:3px 6px}#view-archives .hist-matchup-wr{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}#view-archives .hist-matchup-bar-bg{height:3px;margin-bottom:10px}#view-archives .history-sub-title{color:var(--text-2)}#view-archives .history-row>td:first-child{border-left:0}#view-archives .history-row .hist-map-name{color:var(--text);font-weight:600}#view-archives .hist-matchup-card{display:block}#view-archives button.hist-matchup-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}#view-archives .history-actions-menu>summary{border-color:#0000;width:32px;height:32px}#view-archives .btn-action-view:hover{color:var(--accent);transform:none}#view-archives .hist-expire-text{font-size:var(--text-xs)}#view-archives .history-page-info{font-family:var(--font-body)}@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-metrics{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{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;min-width:auto;display:grid}#view-archives .history-head-count strong{font-size:var(--text-figure)}#view-archives .history-head-count span{margin-top:0}#view-archives .history-head-count .history-scope-status{grid-column:1/-1}#view-archives .history-command-bar{padding:12px;position:static}#view-archives .history-command-primary{flex-wrap:wrap}#view-archives .history-search-input{flex-basis:100%}#view-archives .history-export-popover{left:0;right:auto}#view-archives .history-admin-scope{flex-basis:100%;justify-content:center}#view-archives .history-head-count{text-align:left}#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;font-size:var(--text-xs);background:0 0;align-items:center;gap:6px;padding:0 8px;display:inline-flex}#view-archives .history-export-menu>summary,#view-archives .btn-history-refresh{font-size:var(--text-sm);padding-inline:8px}#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);font-size:var(--text-xs);margin-bottom:4px;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);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);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);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{background:color-mix(in oklch, var(--color-win) 12%, transparent);border:1px solid color-mix(in oklch, var(--color-win) 30%, transparent);color:var(--color-win)}#view-archives .hist-radar-pill.is-weakest{background:color-mix(in oklch, var(--color-loss) 12%, transparent);border:1px solid color-mix(in oklch, var(--color-loss) 30%, transparent);color:var(--color-loss)}#view-archives .hist-radar-metrics-list{background:color-mix(in oklch, var(--scrim) 20%, transparent);border-radius:var(--r-sm);font-size:var(--text-xs);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)}#view-archives .hist-radar-metric-row .val{color:var(--text-1);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);background:color-mix(in oklch, var(--color-loss) 5%, transparent);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-xs);background:color-mix(in oklch, var(--color-loss) 20%, transparent);color:var(--color-loss);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)}#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-xs);color:var(--text-muted)}#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);border-bottom:1px solid var(--border-subtle);padding:8px 10px;font-weight:600}#view-archives .hist-strategy-table td{border-bottom:1px solid color-mix(in oklch, var(--text) 4%, transparent);padding:8px 10px}#view-archives .hist-strat-badge{font-weight:600}#view-archives a.hist-strat-badge{text-decoration:none}#view-archives a.hist-strat-badge:hover,#view-archives a.hist-strat-badge:focus-visible{text-decoration:underline}#view-archives .hist-matchup-badge{background:var(--surface-strong);font-weight:700;font-size:var(--text-xs);border-radius:4px;padding:2px 6px;display:inline-block}#view-archives .hist-strat-count{font-size:var(--text-xs);color:var(--text-muted);margin-left:4px}#view-archives .hist-strategy-topline{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 12px;display:flex}#view-archives .hist-strategy-link{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);color:var(--text-1);font-size:var(--text-xs);letter-spacing:normal;transition:border-color var(--dur-fast,.12s) ease, background-color var(--dur-fast,.12s) ease;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}#view-archives .hist-strategy-link:hover{border-color:var(--accent);background:var(--surface-hov,transparent)}#view-archives .hist-strategy-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){#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);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-xs);background:var(--surface-strong);color:var(--text-2);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);color:var(--text-muted);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);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--text) 2%, transparent);flex-direction:column;gap:8px;padding:16px;display:flex}#view-archives .hist-leak-card.is-high{background:color-mix(in oklch, var(--color-loss) 6%, transparent);border-color:color-mix(in oklch, var(--color-loss) 30%, transparent)}#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:color-mix(in oklch, var(--color-win) 5%, transparent);border-color:color-mix(in oklch, var(--color-win) 25%, transparent)}#view-archives .hist-leak-header{justify-content:space-between;align-items:center;display:flex}#view-archives .hist-leak-badge{font-size:var(--text-xs);border-radius:4px;padding:2px 7px;font-weight:700}#view-archives .hist-leak-badge.is-high{background:color-mix(in oklch, var(--color-loss) 20%, transparent);color:var(--color-loss)}#view-archives .hist-leak-badge.is-medium{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-ink)}#view-archives .hist-leak-badge.is-info{background:color-mix(in oklch, var(--color-win) 20%, transparent);color:var(--color-win)}#view-archives .hist-leak-stat{font-size:var(--text-sm);color:var(--color-loss);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);line-height:var(--lh-snug);margin:0}#view-archives .hist-leak-rec{background:color-mix(in oklch, var(--scrim) 25%, transparent);font-size:var(--text-xs);color:var(--text-1);line-height:var(--lh-snug);border-radius:6px;align-items:flex-start;gap:6px;margin-top:4px;padding:8px 10px;display:flex}#view-archives .hist-thresholds-no-leaks{background:color-mix(in oklch, var(--color-win) 8%, transparent);border:1px solid color-mix(in oklch, var(--color-win) 25%, transparent);border-radius:var(--r-sm);color:var(--color-win);font-size:var(--text-sm);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);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--text) 2%, transparent);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-xs);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-xs);color:var(--text-muted)}#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);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)}#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)}#view-archives .hist-threshold-wr[data-winrate=medium]{color:var(--accent)}#view-archives .hist-threshold-wr[data-winrate=low]{color:var(--color-loss)}#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);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--text) 2%, transparent);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-xs);border-radius:4px;padding:2px 6px;font-weight:600}#view-archives .hist-mup-badge.is-collapse{background:color-mix(in oklch, var(--color-loss) 20%, transparent);color:var(--color-loss)}#view-archives .hist-mup-badge.is-fragile{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-ink)}#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-xs);color:var(--text-muted)}#view-archives .hist-mup-val{font-weight:600;font-size:var(--text-xs)}.demo-entry{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.demo-entry__lead{flex:100%}.demo-entry__link,.demo-switch__link{--demo-race:var(--accent);min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border-sub);border-radius:var(--r-sm);color:var(--text);font-size:var(--text-xs);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}:is(.demo-entry__link,.demo-switch__link)[data-race=terran]{--demo-race:var(--race-terran)}:is(.demo-entry__link,.demo-switch__link)[data-race=zerg]{--demo-race:var(--race-zerg)}:is(.demo-entry__link,.demo-switch__link)[data-race=protoss]{--demo-race:var(--race-protoss)}:is(.demo-entry__link,.demo-switch__link):hover{border-color:var(--demo-race);background:var(--surface-hov)}:is(.demo-entry__link,.demo-switch__link):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-switch__link[aria-current=page]{border-color:var(--demo-race);background:var(--surface-strong)}.demo-badge{padding:2px var(--sp-2);border:1px solid var(--accent-ink);border-radius:var(--r-pill);color:var(--accent-ink);font-size:var(--text-xs);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.demo-banner{align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);flex-wrap:wrap;display:flex}.demo-banner__text{font-size:var(--text-small);color:var(--text-2);flex:260px;margin:0}#replay-results:has(>.demo-banner) .rpl-header-tag{display:none}.demo-switch{gap:var(--sp-2);flex-wrap:wrap;display:flex}.demo-cta{min-height:44px;padding:0 var(--sp-4)}.demo-story{gap:var(--sp-3);background:0 0;border:0;padding:0;display:grid}.demo-story__eyebrow{color:var(--accent-ink);font-size:var(--text-small);margin:0;font-weight:600}.demo-story__title{text-wrap:balance;font-size:var(--text-headline);letter-spacing:-.015em;margin:0;font-weight:600}.demo-evidence-btn{min-height:44px;padding:0 var(--sp-3);border:1px solid var(--accent);border-radius:var(--r-sm);color:var(--accent);white-space:normal;text-align:left;background:0 0;align-self:flex-start;margin-top:auto}.demo-evidence-btn:hover{background:var(--accent-dim);color:var(--text)}.demo-story__note{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui);margin:0}.demo-practice{max-width:68ch;color:var(--text-2);font-size:var(--text-sm)}.demo-practice summary{cursor:pointer;color:var(--accent-ink);align-items:center;min-height:44px;font-weight:600;display:flex}.demo-practice p{margin:var(--sp-2) 0}.demo-story__next{justify-content:flex-start;align-items:center;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;display:flex}.demo-story__next p{color:var(--text-2);margin:0}.is-demo-highlight{outline:2px solid var(--accent);outline-offset:3px;transition:outline-color var(--dur) var(--ease)}@media (width<=640px){.demo-banner{padding:var(--sp-3)}.demo-banner__cta{white-space:normal;flex:130px;justify-content:center;min-width:0}.demo-story__next .demo-cta{justify-content:center;width:100%}.demo-story{padding:0}}.demo-preview{max-width:1400px;margin-inline:auto}.demo-preview-note{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text-2);max-width:75ch}.demo-preview .replay-ai-coach__output{max-width:75ch}.demo-preview a{color:var(--accent)}#pane-coach .demo-preview{max-width:90ch;margin-inline:auto}@media (width<=640px),(pointer:coarse){.demo-entry__link,.demo-switch__link{min-height:44px}}.has-results .replay-overview-layout{gap:var(--sp-2);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}.donate-nudge{align-items:center;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--border-sub);color:var(--text-2);font-size:var(--text-small);line-height:var(--lh-ui);flex-wrap:wrap;display:flex}.donate-nudge__text{flex:40ch;max-width:68ch;margin:0}.donate-nudge__link{min-height:44px;color:var(--accent-ink);align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.donate-nudge__dismiss{min-height:44px;padding:0 var(--sp-3);color:var(--muted);font-size:var(--text-small);background:0 0;border:0}.donate-nudge__dismiss:hover{color:var(--text);background:0 0;text-decoration:underline}.replay-error-hint{margin-top:var(--sp-2);display:block}.replay-error-hint a{color:var(--accent-ink);text-decoration:underline}#replay-results .rpl-header-map{font-family:var(--font-display)}@media (prefers-reduced-motion:no-preference){#replay-results .replay-group-tab:not(.active):active,#replay-results .replay-tab:not(.active):active{transform:scale(.96)}#replay-results :is(.replay-group-tab,.replay-tab){transition-property:background-color,border-color,color,box-shadow,transform}#replay-results.tab-entering .rpl-header{animation:.48s linear backwards hud-power}#replay-results.tab-entering .rpl-header-identity{animation:hud-rise .52s .12s var(--ease) backwards}#replay-results.tab-entering .rpl-header-chips>*{animation:hud-fade .32s calc(.22s + var(--chip-i,0) * 50ms) ease-out backwards}#replay-results.tab-entering .rpl-header-chips>:nth-child(2){--chip-i:1}#replay-results.tab-entering .rpl-header-chips>:nth-child(3){--chip-i:2}#replay-results.tab-entering .rpl-header-chips>:nth-child(n+4){--chip-i:3}#replay-results.tab-entering .rpl-share-bar{animation:.36s ease-out .3s backwards hud-fade}#replay-results.tab-entering .replay-tab-navigation{animation:hud-unroll .52s .26s var(--ease) backwards}.rpl-tab-pane.tab-entering>:nth-child(-n+6),#rpl-charts-container.tab-entering{animation:hud-card .38s calc(var(--pane-i,0) * 45ms) var(--ease) backwards}.rpl-tab-pane.tab-entering>:nth-child(2){--pane-i:1}.rpl-tab-pane.tab-entering>:nth-child(3){--pane-i:2}.rpl-tab-pane.tab-entering>:nth-child(4){--pane-i:3}.rpl-tab-pane.tab-entering>:nth-child(5){--pane-i:4}.rpl-tab-pane.tab-entering>:nth-child(6){--pane-i:5}#pane-battle.tab-entering>*{animation:.3s ease-out backwards hud-fade}.vt-replay-tab #replay-results .replay-group-tab.active{view-transition-name:replay-group-marker}.vt-replay-tab #replay-results .replay-tab.active{view-transition-name:replay-subtab-marker}.vt-replay-tab::view-transition{pointer-events:none}.vt-replay-tab::view-transition-old(root){animation:none}.vt-replay-tab::view-transition-new(root){animation:none}.vt-replay-tab::view-transition-group(replay-group-marker){animation-duration:.36s;animation-timing-function:var(--ease)}.vt-replay-tab::view-transition-group(replay-subtab-marker){animation-duration:.36s;animation-timing-function:var(--ease)}}#dashboard-empty{flex-direction:column;padding:0;display:flex}#dashboard-empty>*+*{border-top:1px solid var(--border-sub);margin-top:32px;padding-top:24px}.home-section-title{margin:0 0 var(--sp-4);color:var(--text);font-family:var(--font-display);font-size:var(--text-title);font-weight:600}#dashboard-empty h3{padding-left:0}#dashboard-empty h3:before{display:none}.welcome-command{grid-template-columns:minmax(0,1fr) 450px;grid-template-areas:"copy action""preview preview""examples examples""points points";align-items:center;gap:48px clamp(32px,5vw,64px);padding-block:24px 0;display:grid}.welcome-command-copy{grid-area:copy;align-self:start;min-width:0}.welcome-command-action{gap:var(--sp-4);grid-area:action;min-width:0;display:grid}#home-analysis-preview{grid-area:preview;min-width:0}.home-examples{grid-area:examples;min-width:0}.welcome-proof-list{grid-area:points}.welcome-command-kicker{margin:0 0 var(--sp-4);color:var(--text-2);font-size:var(--text-small);font-weight:600}.welcome-command-title{max-width:14ch;color:var(--text);font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:var(--type-display-lh);letter-spacing:-.03em;text-wrap:balance;margin:0}.welcome-command-description{margin:var(--sp-5) 0 0;max-width:44ch;color:var(--text-2);font-size:var(--text-lg);line-height:var(--lh-ui)}.welcome-command-free{margin:var(--sp-6) 0 0;color:var(--muted);font-size:var(--text-small)}.welcome-replay-dropzone{align-items:center;gap:var(--sp-3);border:1.5px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-card);color:var(--text);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);flex-direction:column;padding:40px 32px 32px;display:flex}.welcome-replay-dropzone:hover,.welcome-replay-dropzone.is-drag-over{border-color:var(--accent);background:var(--bg-card-hov)}.welcome-replay-dropzone:has(input:focus-visible){border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.welcome-replay-icon{color:var(--muted)}.welcome-replay-title{margin-top:var(--sp-2);color:var(--text);font-size:var(--text-lg);font-weight:600}.welcome-replay-or{color:var(--muted);font-size:var(--text-sm);font-weight:400}.welcome-replay-cta{min-height:36px;margin-top:var(--sp-3);padding:0 var(--sp-5);border-radius:var(--r);background:var(--accent);color:var(--action-text);font-size:var(--text-base);transition:background-color var(--dur-fast) var(--ease);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.welcome-replay-dropzone:hover .welcome-replay-cta,.welcome-replay-dropzone.is-drag-over .welcome-replay-cta{background:var(--accent-hover)}.welcome-replay-hint{margin-top:var(--sp-4);max-width:42ch;color:var(--muted);font-size:var(--text-xs);font-weight:400;line-height:var(--lh-ui);overflow-wrap:anywhere}.welcome-replay-error{min-height:1.5em;color:var(--danger);font-size:var(--text-sm);margin:0}.welcome-replay-error:empty{display:none}.home-demo-preview{gap:var(--sp-2);font-size:var(--text-sm);display:grid}.home-demo-preview p{margin:0 0 var(--sp-1);color:var(--text-2)}.home-demo-preview a{align-items:baseline;gap:var(--sp-3);color:var(--text-2);padding-block:var(--sp-2);text-decoration:none;display:flex}.home-demo-preview a strong{min-width:5em;color:var(--accent-ink)}.home-demo-preview [data-demo-open=terran] strong{color:var(--terran-text)}.home-demo-preview [data-demo-open=zerg] strong{color:var(--zerg-text)}.home-demo-preview [data-demo-open=protoss] strong{color:var(--protoss-text)}.home-demo-preview a:hover span{text-decoration:underline}.home-demo-preview a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.welcome-secondary-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.welcome-secondary-actions>*{flex:150px;min-width:0}.welcome-secondary-action{min-height:36px;padding:var(--sp-1) var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--text-2);font:inherit;font-size:var(--text-sm);font-weight:500;line-height:var(--lh-tight);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.welcome-secondary-action:hover,.welcome-secondary-action:focus-visible{border-color:var(--accent);color:var(--text)}.welcome-secondary-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-examples-wrap{position:relative;overflow-x:auto}.home-examples-table{border-collapse:collapse;border-top:1px solid var(--border);width:100%;font-size:var(--text-sm)}.home-examples-table th{padding:var(--sp-3) var(--sp-4) var(--sp-3) 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-xs);text-align:left;white-space:nowrap;font-weight:500}.home-examples-table td{padding:var(--sp-4) var(--sp-4) var(--sp-4) 0;border-bottom:1px solid var(--border-sub);color:var(--text-2);vertical-align:top}.home-examples-table tr:last-child td{border-bottom:0}.home-examples-table th:last-child,.home-examples-table td:last-child{padding-right:var(--sp-4)}.home-examples-race{white-space:nowrap;width:120px;font-weight:500;color:var(--text)!important}.home-examples-dot{width:8px;height:8px;margin-right:var(--sp-3);background:var(--random);vertical-align:1px;border-radius:50%;display:inline-block}.home-examples-dot--terran{background:var(--terran)}.home-examples-dot--zerg{background:var(--zerg)}.home-examples-dot--protoss{background:var(--protoss)}.home-examples-map{width:170px;color:var(--muted)!important}.home-examples-length{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;width:70px;color:var(--muted)!important}th.home-examples-length{text-align:right}.home-examples-open{text-align:right;width:90px}.home-examples-open .demo-entry__link{min-height:24px;color:var(--accent-ink);font-size:var(--text-sm);background:0 0;border:0;border-radius:0;padding:0;font-weight:500}.home-examples-open .demo-entry__link:hover{color:var(--accent);background:0 0;border:0;text-decoration:underline}.welcome-proof-list{counter-reset:home-point;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;margin:0;padding:0;list-style:none;display:grid}.welcome-proof-list li{counter-increment:home-point;gap:var(--sp-2);min-width:0;max-width:62ch;display:grid}.welcome-proof-list strong{gap:var(--sp-3);color:var(--text-2);font-size:var(--text-base);align-items:baseline;font-weight:600;display:flex}.welcome-proof-list strong:before{content:counter(home-point);color:var(--muted);font-weight:500}.welcome-proof-list span{color:var(--text-2);font-size:var(--text-sm);line-height:var(--lh-ui)}.home-desktop-app{align-items:center;gap:var(--sp-3) var(--sp-5);padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);flex-wrap:wrap;display:flex}.home-desktop-app-icon{color:var(--muted);flex:none}.home-desktop-app-copy{flex:320px;min-width:0}.home-desktop-app-title{color:var(--text-2);font-family:var(--font-display);font-size:var(--text-sm);margin:0;font-weight:600}.home-desktop-app-tagline{margin:var(--sp-1) 0 0;color:var(--text-2);font-size:var(--text-base)}.home-desktop-app-desc{margin:var(--sp-3) 0;color:var(--text-2);font-size:var(--text-base)}.home-desktop-app-status{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex:100%;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);white-space:nowrap;font-weight:500}.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:var(--success-ink)}.home-desktop-app-download,.home-desktop-app-alt{min-height:36px;padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-card);color:var(--text-2);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;align-items:center;font-weight:500;text-decoration:none;transition:border-color .12s,color .12s,background-color .12s;display:inline-flex}.home-desktop-app-download{border-color:var(--accent);background:var(--accent);color:var(--action-text)}.home-desktop-app-download:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.home-desktop-app-alt:hover{border-color:var(--accent);color:var(--text)}.home-desktop-app-download:focus-visible,.home-desktop-app-alt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-desktop-dialog{width:min(680px, calc(100vw - 2 * var(--sp-4)));max-height:min(85vh,760px);padding:var(--sp-5);border:1px solid var(--border-control);border-radius:var(--r-lg);background:var(--menu-bg);color:var(--text);box-shadow:var(--shadow-float);margin:auto;overflow-y:auto}.home-desktop-dialog::backdrop{background:color-mix(in oklch, var(--bg) 72%, transparent)}.home-desktop-dialog-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.home-desktop-dialog-close{border:1px solid var(--border-control);border-radius:var(--r);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;flex:none}.home-desktop-dialog-close:hover{border-color:var(--accent);color:var(--accent)}.home-desktop-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auto-upload-platforms{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.auto-upload-platforms button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.auto-upload-notice,.auto-upload-release,.auto-upload-smartscreen{margin:var(--sp-3) 0;color:var(--text-2)}.auto-upload-steps{padding-left:var(--sp-5);margin-bottom:0}.auto-upload-steps li{margin:var(--sp-2) 0}.home-next-step{margin:0}.home-next-kicker{margin:0 0 var(--sp-2);color:var(--text-2);font-size:var(--text-xs);font-weight:600}.home-next-step h2{color:var(--text);margin:0}.home-next-description{margin:var(--sp-3) 0;max-width:65ch;color:var(--text-2);font-size:var(--text-base);overflow-wrap:anywhere}.home-next-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.home-next-actions [data-home-next-action]{border-color:var(--accent);color:var(--text)}.home-next-actions [data-home-next-action]:hover{background:var(--accent-dim)}.home-next-actions button:disabled{cursor:wait;opacity:.6}.home-live-streams,.home-upcoming-tournaments{width:100%;margin:0}.home-live-streams-title,.home-upcoming-tournaments h2{color:var(--text);font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--type-title-weight);line-height:var(--type-title-lh)}.home-live-streams-title{margin:0 0 var(--sp-4)}.home-upcoming-tournaments-heading a{color:var(--accent-ink)}.home-upcoming-tournament-date{color:var(--text-2)}.home-upcoming-match-tag{color:var(--text-2);font-weight:600}.home-upcoming-live-indicator i{background:var(--success)}.home-analysis-preview{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);padding:var(--sp-5)}.home-analysis-preview__head{align-items:start;gap:var(--sp-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.home-analysis-preview__note{color:var(--muted);font-size:var(--text-small);flex:40ch;margin:0}.home-analysis-preview__cta{min-height:24px;color:var(--accent-ink);font-size:var(--text-small);align-items:center;margin-left:auto;font-weight:600;text-decoration:none;display:inline-flex}.home-analysis-preview__cta:hover{text-decoration:underline}.home-analysis-preview__body{gap:var(--sp-6);margin-top:var(--sp-4);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.home-analysis-preview__eyebrow{margin:0 0 var(--sp-3);color:var(--accent-ink);font-size:var(--text-small);font-weight:600}.home-analysis-preview__title{color:var(--text);font-size:var(--text-headline);letter-spacing:-.015em;font-weight:600;line-height:var(--lh-tight);margin:0}.home-analysis-preview__finding,.home-analysis-preview__action{margin:var(--sp-4) 0 0;max-width:52ch;color:var(--text-2);font-size:14px;line-height:var(--lh-ui)}.home-analysis-preview__finding strong,.home-analysis-preview__action strong{color:var(--text);font-weight:600}.home-analysis-preview__figure{min-width:0;margin:0;container-type:inline-size}.home-analysis-preview__legend{gap:var(--sp-4);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.home-preview-key{align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--text-xs);display:inline-flex}.home-preview-swatch{border-top:2.25px solid var(--text);border-radius:2px;width:14px;height:0}.home-preview-swatch.is-band{background:var(--chart-band);border:0;border-radius:2px;height:10px}.home-preview-swatch.is-fight{border-top:2px dashed var(--muted)}.home-analysis-preview__caption{margin-top:var(--sp-2);color:var(--muted);font-size:var(--text-xs)}.hp-chart{width:100%;height:auto;display:block}.hp-chart[data-chart-layout=compact]{display:none}@container (width<=450px){.hp-chart[data-chart-layout=wide]{display:none}.hp-chart[data-chart-layout=compact]{display:block}}.hp-grid{stroke:var(--border-sub);stroke-width:1px}.hp-axis{fill:var(--muted);font-size:var(--text-xs)}.hp-band{fill:var(--chart-band)}.hp-band-label{fill:var(--text-2);font-size:var(--text-xs);text-anchor:middle}.hp-fight{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.hp-fight-label{fill:var(--muted);font-size:var(--text-xs)}.hp-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.hp-line--subject{stroke-width:2.25px}.hp-line--other{stroke-width:1.5px}@media (width>=900px){.welcome-command{row-gap:var(--sp-6);grid-template-areas:"copy action""demos demos""support support""trust shortcuts""preview preview""examples examples""points points"}.welcome-command-action{display:contents}.welcome-command .welcome-replay-dropzone{grid-area:action}.welcome-command .home-demo-preview{gap:var(--sp-2) var(--sp-6);grid-area:demos;grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-command .home-demo-preview p{grid-column:1/-1}.welcome-command .home-demo-preview a{align-items:baseline}.welcome-command .welcome-replay-support{grid-area:support;max-width:75ch;margin:0}.welcome-command .upload-trust{grid-area:trust;align-self:start;margin:0}.welcome-command .welcome-secondary-actions{grid-area:shortcuts}#home-analysis-preview,.home-examples,.welcome-proof-list{margin-top:var(--sp-6)}}@media (width<=1099px){.home-analysis-preview__body{grid-template-columns:minmax(0,1fr)}}@media (width<=899px){.home-analysis-preview__head{grid-template-columns:auto minmax(0,1fr)}.home-analysis-preview__cta{grid-column:1/-1;margin-left:0}.home-demo-preview a,.home-examples-open .demo-entry__link{align-items:center;min-height:44px}.welcome-command{align-items:stretch;gap:var(--sp-5);padding-block:var(--sp-4) 0;flex-direction:column;display:flex}.welcome-command-copy,.welcome-command-action{display:contents}.welcome-command-kicker{margin-bottom:0}.welcome-command-title{max-width:20ch}.welcome-command-description,.welcome-command-free{margin-top:0}.welcome-proof-list{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.welcome-replay-dropzone{padding:var(--sp-6) var(--sp-5)}.welcome-replay-cta,.welcome-secondary-action{min-height:44px}.welcome-secondary-actions>*{flex:100%}.home-next-actions{flex-direction:column}.home-next-actions .welcome-secondary-action{min-height:44px}.home-desktop-app-status{flex:100%}.home-desktop-app{padding:var(--sp-5)}.home-examples-wrap{overflow-x:auto}.home-examples-table{min-width:620px}.home-examples-map{width:150px}}@media (width<=640px){.home-examples-table{min-width:0}.home-examples-table :is(th,td):nth-child(3),.home-examples-table :is(th,td):nth-child(4){display:none}}@media (width<=480px){.welcome-replay-dropzone{padding:var(--sp-5) var(--sp-4)}.home-desktop-app{padding:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.welcome-replay-dropzone,.welcome-replay-cta,.welcome-secondary-action{transition:none}}@media (width<=640px){.home-analysis-preview__cta{min-height:44px}}@media (width>=761px){#view-dashboard #output{flex-direction:column;gap:8px;display:flex}#view-dashboard #output:empty{display:none}#view-dashboard #output>*{min-width:0}#output .profile-hero{padding:12px 18px}#output .profile-hero-layout{gap:10px 24px}#output .profile-hero-figure strong{font-size:var(--text-section)}#output .profile-hero-actions .profile-follow-btn{min-height:36px}#output .profile-tabs-row{padding:0}#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{gap:12px}#output .profile-card{flex-direction:column;padding:12px 14px;display:flex}#output .profile-card h3{margin-bottom:8px}#output .profile-card .chart-canvas{cursor:default;height:auto;min-height:90px}@media (width>=761px){#output .profile-panel--overview{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid}#output .profile-panel--overview>.profile-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;align-items:stretch}#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;display:flex}#output .profile-panel--overview>#dashboard-recent-replays-container>.card{flex:1 0 auto}#output .profile-panel--performance>.profile-grid--performance-top>.profile-card{grid-column:span 4}#output .profile-panel--performance .profile-grid--auto{align-items:stretch}#output .profile-panel--performance .profile-grid--auto>.chart-grid-top>.smart-alerts-card{grid-area:auto}#output .profile-panel--analysis>.profile-grid{align-items:stretch}}#output .profile-panel--overview>.profile-grid:only-child{grid-column:1/-1}#output .profile-panel--overview:has(>#dashboard-recent-replays-container:empty){grid-template-columns:minmax(0,1fr)}#output .profile-panel--overview:has(>#dashboard-recent-replays-container:empty)>#dashboard-recent-replays-container{display:none}#output .profile-panel--matches #matches thead th{background:var(--profile-card-bg,var(--bg-dark))}#view-archives .history-outer-wrap{width:100%;max-width:none;margin:0;padding:0}@media (width>=761px){#view-archives .history-card{grid-template-columns:minmax(0,1fr) clamp(300px,26%,400px);gap:16px 24px;display:grid}}#view-archives :is(.history-head,.history-command-bar,.history-summary-grid){grid-column:1/-1}#view-archives .history-head{align-items:center;padding:0 0 12px}#view-archives .history-titles{gap:6px;max-width:none}#view-archives .history-description{display:none}#view-archives .history-head-count{grid-template-columns:auto auto;align-items:baseline;gap:4px 10px;min-width:0;display:grid}#view-archives .history-head-count strong{font-size:var(--text-figure)}#view-archives .history-head-count span{margin-top:0}#view-archives .history-scope-status{grid-column:1/-1}#view-archives .history-command-bar{gap:10px;margin:0;position:relative;top:auto}#view-archives .history-command-bar :is(.history-search-input,.history-select,.history-export-menu>summary,.btn-history-refresh){min-height:36px}#view-archives .history-summary-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}#view-archives .hist-stat-card{min-height:64px;padding:0 16px}#view-archives .hist-stat-val{font-size:var(--text-figure);line-height:var(--lh-snug)}#view-archives .hist-stat-lbl{font-size:var(--text-xs);letter-spacing:normal}#view-archives .history-summary-grid .rpl-macro-meter{display:none}#view-archives .history-games{min-width:0;margin:0;container-type:inline-size}@media (width>=761px){#view-archives .history-games{grid-column:1}}#view-archives .history-games .history-table-wrapper{margin:0}#view-archives .history-table td{padding:12px}#view-archives .history-table :is(.btn-action-view,.history-actions-menu>summary){min-height:32px}#view-archives .history-games .history-pagination-wrap{margin-top:8px}#view-archives .history-section-heading{margin-bottom:12px}#view-archives .history-section-heading h3{font-size:var(--text-xs)}#view-archives .history-insights{padding-inline-end:4px}@media (width>=761px){#view-archives .history-insights{grid-column:2}}#view-archives :is(.history-trends,.history-analysis){margin:0}#view-archives .history-analysis{margin-top:24px}#view-archives .history-charts-row{grid-template-columns:minmax(0,1fr);gap:16px}#view-archives .history-chart-card{padding:16px}#view-archives .history-chart-card .chart-canvas{cursor:default;height:160px}#view-archives .history-analysis>.history-section-heading{flex-wrap:wrap;gap:8px}#view-archives .history-analysis-toggle{min-height:32px;font-size:var(--text-xs)}#view-archives .history-stat-charts{grid-template-columns:minmax(0,1fr)}#view-archives .history-stat-chart-card--wide{grid-column:auto}#view-archives .hist-radar-content,#view-archives :is(.hist-leaks-grid,.hist-dimensions-grid){grid-template-columns:minmax(0,1fr)}@container (width<=1100px){#view-archives .history-table .race-badge-text{display:none}#view-archives .history-table .race-badge-img{border-radius:4px;padding:3px}}@container (width<=820px){#view-archives .history-table .hist-players-teams{flex-wrap:nowrap;gap:4px}#view-archives .history-table .hist-mmr-info{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{min-width:32px;padding-inline:8px;position:relative}#view-archives .history-table td{padding:8px 6px}#view-archives .history-table th{font-size:var(--text-xs);padding:9px 6px}#view-archives :is(.col-date,.history-origin-cell){min-width:90px}#view-archives .history-origin-secondary{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}#view-archives .hist-match-date{font-size:var(--text-xs);white-space:nowrap}#view-archives .hist-map-wrapper .hist-map-name{max-width:105px}#view-archives .player-mini .name{max-width:76px}#view-archives .history-actions-menu>summary{width:24px}}#view-ladder .leaderboard-card{flex-direction:column;gap:12px;display:flex}#view-ladder .leaderboard-controls-v2,#view-ladder .leaderboard-status{margin:0}#view-ladder #leaderboard-body{flex-direction:column;gap:8px;display:flex}#view-ladder .lb-stats-panel{gap:8px;margin:0}#view-ladder .leaderboard-table-wrap{border:1px solid var(--border);border-radius:var(--r-sm)}#view-ladder .leaderboard-table thead th{background-color:var(--bg-dark);background-image:linear-gradient(var(--bg-card), var(--bg-card))}#view-ladder .leaderboard-table td{padding-block:6px}#view-ladder .leaderboard-table .lb-player-action{min-height:30px}#view-public .public-replays-card{flex-direction:column;gap:8px;display:flex}#view-public .public-replays-head{border-bottom:1px solid var(--border);padding-bottom:12px}#view-public .public-replays-filters{align-items:center;margin:0;padding-block:4px}#view-public .public-replays-filters :is(input:not([type=checkbox]),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-advanced-panel:not([hidden]){border-top:1px solid var(--border-sub);flex-basis:100%;order:1;padding-top:12px}#view-public .public-replays-list{flex-direction:column;display:flex}#view-public .public-replays-list>.history-table-wrapper{border:1px solid var(--border);border-radius:var(--r-sm);margin:0}#view-public .history-table thead th{background-color:var(--bg-dark);background-image:linear-gradient(var(--bg-card), var(--bg-card))}#view-public .history-table td{padding-block:6px}#view-public .history-pagination-wrap{margin:0}}@media (width<=1099px){#view-public .public-replays-filters :is(input:not([type=checkbox]),select,.public-advanced-toggle,button){min-height:44px}#view-public .public-filter-checkbox-label{box-sizing:border-box;min-width:44px;min-height:44px}#view-public .public-filter-checkbox-label input[type=checkbox]{width:16px;height:16px;min-height:0}}@media (width>=761px){#view-replay.has-results>.card{flex-direction:column;padding:0;display:flex}#view-replay.has-results .replay-panels-wrapper,#view-replay.has-results #replay-analyze-panel{flex-direction:column;display:flex}#view-replay.has-results #replay-compare-panel:not([hidden]){position:relative}#view-replay.has-results #replay-results{scroll-margin-top:calc(var(--shell-chrome-height) + 8px);flex-direction:column;gap:8px;display:flex}#replay-results>.demo-banner{padding-block:4px}#replay-results .rpl-share-bar .btn-rpl-action{min-height:36px}#replay-results .replay-tab-navigation{margin-top:0}#replay-results>.rpl-tab-pane:not([hidden]){grid-auto-rows:max-content;align-content:start;margin:0}#pane-build .build-order-container{container:bo-board/inline-size}#pane-build .bo-toolbar{padding:4px 6px}#pane-build .bo-toolbar .mini-toolbar-btn{min-height:44px;padding:4px 10px}#pane-build .bo-board{grid-template-columns:repeat(var(--bo-cols,2), minmax(180px, 1fr));overflow-x:auto}#pane-build .bo-column.is-team-start{margin-left:10px}@container bo-board (width>=1460px){#pane-build .bo-board[data-cols="2"] .bo-column-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}#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-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}#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}#view-replay:not(.has-results)>.card{gap:12px;padding:0}#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:var(--lh-snug)}#view-replay:not(.has-results) .replay-upload-layout{align-self:stretch}#view-replay:not(.has-results) .replay-upload-form{align-items:stretch;display:flex}#view-replay:not(.has-results) .replay-dropzone{flex:auto;width:100%;min-height:220px}@media (width>=1440px) and (height>=800px){#replay-results .rpl-charts-grid .chart-canvas-sm{height:220px}}.legal-view .legal-wrap{gap:16px;width:100%;max-width:920px;padding:24px 32px;display:grid}.legal-view .legal-wrap>*{margin-bottom:0}.legal-view .legal-wrap>.legal-title{margin-bottom:8px}.legal-view .legal-section{padding-top:16px}.legal-view .legal-body{line-height:var(--lh-body)}.auth-container--account{gap:10px;padding:0 4px 4px 0}#view-coach .coach-wrap{flex-direction:column;width:100%;max-width:none;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,#view-coach .coach-header p{margin:0}@media (width>=761px){#view-coach #coach-content:has(>.coach-overview){gap:var(--sp-5);grid-template-columns:minmax(0,2fr) minmax(300px,1fr);display:grid}}#view-coach .coach-overview,#view-coach #coach-content>.coach-ai{min-width:0}#view-coach .coach-overview>:first-child{margin-top:0}#view-coach #coach-content>.coach-ai{align-self:start;margin:0}#view-coach .coach-section p:not(.coach-focus){max-width:70ch}#view-coach .coach-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}#view-coach .coach-replay-select{min-width:0}#view-admin .admin-workspace{flex-direction:column;gap:10px;width:100%;max-width:none;margin:0;display:flex}#view-admin .admin-workspace-header{margin:0;padding:8px 14px}#view-admin #admin-premium-panel:not([hidden]),#view-admin .admin-tabpanel>.card{margin:0}#view-watchlist.active{flex-direction:column;display:flex}#view-watchlist>.watchlist-feed{margin-top:10px;padding:0;display:block}#view-watchlist>.watchlist-feed>summary{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:40px;padding:0 var(--sp-4);cursor:pointer;color:var(--text);list-style:none;display:flex}#view-watchlist>.watchlist-feed>summary::-webkit-details-marker{display:none}#view-watchlist>.watchlist-feed>summary:after{content:"▾";color:var(--muted);font-size:var(--text-xs);transition:transform var(--dur-fast) var(--ease)}#view-watchlist>.watchlist-feed[open]>summary:after{transform:rotate(180deg)}#view-watchlist>.watchlist-feed>[data-watch-feed]{padding:0 var(--sp-4) var(--sp-4)}#view-training{padding:0}#view-training .training-view{gap:var(--sp-4);width:100%}#view-training .training-hero{flex-flow:wrap;align-items:baseline;gap:4px 14px}#view-training .training-race-filter{margin:0}@media (width>=761px){#view-training .training-workspace{gap:var(--sp-5);grid-template-columns:minmax(0,2fr) minmax(300px,1fr);display:grid}}#view-training .training-analysis{padding:var(--sp-2);display:block}#view-training .training-analysis>.training-section{margin:0 0 var(--sp-4)}#view-training .training-analysis>.training-section:last-child{margin-bottom:0}#view-training .training-context{padding:var(--sp-4)}#view-training .training-macro-grid{grid-template-columns:minmax(0,1fr)}#view-training .training-matrix-cells{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#view-training .training-matrix-cell{max-width:none}}.palette-trigger{border-radius:var(--r-sm)}.sc2-console{border:1.5px dashed var(--border-control-hover);border-radius:var(--r-lg);background-color:var(--bg-card);transition:border-color .12s var(--ease), background-color .12s var(--ease);position:relative}.sc2-console:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.sc2-console:hover,.sc2-console:focus-within{border-color:var(--accent);background-color:var(--bg-card-hov)}.rpl-header{border-color:var(--border);border-radius:0}.rpl-header-matchup{border-radius:2px}[data-theme=light] .sc2-console{background-color:var(--bg-card)}@media (prefers-reduced-motion:reduce){.sc2-console{transition:none}}[data-theme=light] .profile-tab-marker{box-shadow:none}[data-theme=light] .rpl-hero-img-wrap{background:radial-gradient(circle at 50% 35%, var(--bg-card), var(--bg-card-hov));box-shadow:var(--shadow-sm)}[data-theme=light] .cookie-consent-banner{box-shadow:0 -4px 16px color-mix(in oklch, var(--text) 8%, transparent)}[data-theme=light] .lb-streams-panel,[data-theme=light] .lb-stream-item,[data-theme=light] .lb-stream-item:hover,[data-theme=light] .lb-stream-item:focus-visible{background:0 0}[data-theme=light] .lb-stream-item{padding:0}:is([data-theme=light] .live-streams-grid--large .stream-tile,[data-theme=light] .live-streams-grid--large .stream-tile:has(>.lb-stream-item:is(:hover,:focus-visible))){background:0 0;padding-bottom:0}[data-theme=light] .live-streams-grid--large .stream-tile>.stream-profile-btn{margin-inline:0}[data-theme=light] .lb-stream-item:hover{outline:none}[data-theme=light] .lb-stream-item:hover .lb-stream-name{text-decoration:underline}[data-theme=light] .lb-stream-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=light] #view-archives{--archive-panel:var(--bg-card);--archive-panel-raised:var(--archive-panel-paper)}[data-theme=light] .heatmap-control-group .heatmap-toggle.active{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--btn-text)}[data-theme=light] .btn-primary{background:var(--accent-hover);color:var(--btn-text)}[data-theme=light] .btn-primary:hover{background:var(--accent-ink);color:var(--btn-text)}[data-theme=light] .scouting-filter-pill.is-active,[data-theme=light] .scouting-filter-pill:hover{background:var(--accent-hover);color:var(--btn-text)}:is(.history-head,.public-replays-head,.codex-header,.training-hero,.coach-header){min-width:0}.history-kicker{color:var(--muted)}[data-scroll-region]:focus-visible,.chart-data-table:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#view-replay>.card{background:0 0;border:0;border-radius:0;padding:0}#view-watchlist>.card>h2{border-bottom:1px solid var(--border);padding-bottom:12px}#favorites-list>.muted-text,.training-empty{border:1px dashed var(--border-control-hover);border-radius:var(--r);background:var(--bg-card);padding:24px}.training-hero{border-bottom:1px solid var(--border);padding-bottom:12px}.training-section>h3{border-bottom:1px solid var(--border-sub);padding-bottom:12px}:is(.leaderboard-table,.history-table,.watch-table) tbody tr{transition:background-color var(--dur-fast) var(--ease)}:is(.leaderboard-table,.history-table,.watch-table) tbody tr:focus-within{background:var(--surface-hov)}:is(.leaderboard-table,.history-table,.watch-table) th{color:var(--text-2)}:is(.leaderboard-table,.history-table,.watch-table) :is(th,td){font-variant-numeric:tabular-nums}.replay-debrief__header{border-bottom:1px solid var(--border);padding-bottom:12px}.replay-debrief__context{color:var(--text-2)}.about-section-heading{border-bottom:1px solid var(--border-sub);padding-bottom:12px}@media (width<=640px){.btn-primary{white-space:normal;min-height:44px}:is(.public-replays-filters,.leaderboard-controls-v2,.history-command-bar,.codex-filter-bar,.training-filter-chips) :is(button,select,input:not([type=checkbox])){min-height:44px}.public-replays-head,.training-hero{padding-bottom:16px}.replay-mode-tab{min-height:44px;padding-inline:12px}}#lb-title,#public-replays-title,#history-title,#section-replay-h3,#section-favorites-h3,.watchlist-header h2,.training-title,.builds-title,.codex-title,.coach-header h1,.legal-title,.admin-workspace-header h1,.about-title{font-family:var(--font-display);font-size:var(--text-page);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-lh);letter-spacing:var(--type-page-title-tracking)}@media (prefers-reduced-motion:no-preference){@keyframes workspace-arrive{0%{opacity:.6}to{opacity:1}}.view-panel.active>:not(.sr-only):not(#output),:is(.command-palette-panel,.modal-card,.pro-packs-modal-card){animation:workspace-arrive var(--dur) var(--ease) backwards}:is(.btn-primary,.btn-auth-submit,.donate-cta-btn){transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:is(.result-item,.header-icon-btn,.codex-card):hover{transform:none}}#view-ladder :is(.leaderboard-card,.lb-row),#view-ladder.view-panel.active>.card.leaderboard-card{animation:none}#view-ladder>.card.leaderboard-card{background:0 0;border:0;padding:0}[data-theme=light] #view-ladder{--bg-card:var(--bg-card-hov)}#view-ladder .leaderboard-table-wrap{min-width:0;max-width:100%}#view-ladder .leaderboard-table{table-layout:fixed;width:100%;max-width:100%}#view-ladder .lb-col-rank{width:48px}#view-ladder .lb-col-player{width:38%}#view-ladder .lb-col-region{width:70px}#view-ladder .lb-col-mmr{width:88px;font-weight:700}#view-ladder .lb-col-points{width:80px}#view-ladder .lb-col-wl{width:82px}#view-ladder .lb-col-winrate{width:124px}#view-ladder .lb-col-games{width:84px}#view-ladder .leaderboard-table :is(th,td){height:42px;padding:0 12px}#view-ladder .leaderboard-table td{overflow-wrap:anywhere}#view-ladder .lb-col-mmr{font-variant-numeric:tabular-nums;white-space:nowrap}#view-ladder .lb-col-rank{color:var(--text-2);font-variant-numeric:tabular-nums}#view-ladder :is(.lb-col-rank,.lb-col-mmr,.lb-col-points,.lb-col-wl,.lb-col-winrate,.lb-col-games){text-align:right;font-variant-numeric:tabular-nums}#view-ladder :is(.lb-col-rank,.lb-col-mmr,.lb-col-points,.lb-col-wl,.lb-col-winrate,.lb-col-games) .lb-sort-button{justify-content:flex-end}#view-ladder .lb-hide-points .lb-col-points{display:none}#view-ladder .lb-player-line{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex}#view-ladder .lb-player-action{align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;min-height:30px;font-weight:600;display:flex}#view-ladder .lb-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#view-ladder .lb-player-action :is(.race-badge-img,.lb-league-chip,.player-flag-slot){flex:none}#view-ladder .race-badge-img{font-size:var(--text-xs);background:0 0;border:0;gap:3px;padding:0}#view-ladder .race-icon-sm,#view-ladder .race-icon-mask{width:16px;height:16px}#view-ladder .lb-league-chip{font-size:var(--text-xs);line-height:var(--lh-snug);color:var(--text-2);background:0 0;border:0;border-radius:0;margin:0;padding:0}#view-ladder .lb-player-details{display:none}#view-ladder .lb-sort-button{width:100%;min-width:0;max-width:100%;min-height:42px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:inline-flex}#view-ladder .lb-sort-button:hover{color:var(--text)}#view-ladder .lb-sort-indicator:after{content:"↕";opacity:.65}#view-ladder [aria-sort=ascending] .lb-sort-indicator:after{content:"↑";opacity:1}#view-ladder [aria-sort=descending] .lb-sort-indicator:after{content:"↓";opacity:1}#view-ladder [aria-sort]:not([aria-sort=none]){color:var(--text)}#view-ladder :is(.leaderboard-table-wrap,.lb-sort-button,.lb-global-details>summary,.lb-player-details>summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#view-ladder .lb-stats-container{display:block}#view-ladder .lb-table-context{border-block:1px solid var(--border-sub);flex-wrap:wrap;flex:none;align-items:center;gap:0 16px;display:flex}#view-ladder .lb-table-context .leaderboard-status{font-size:var(--text-xs);flex:350px}#view-ladder .lb-table-context .lb-stats-container{flex:0 auto;margin:0}#view-ladder .lb-table-context:has(.lb-global-details[open]) .lb-stats-container{flex:100%}#view-ladder .lb-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}#view-ladder .lb-toolbar-actions>p{margin:0}#view-ladder :is(.lb-toolbar-actions button,[data-lb-retry],[data-lb-reset]){min-height:44px;font-size:var(--text-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--r-sm);cursor:pointer;padding:0 10px}#view-ladder .lb-empty{justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);text-align:center;display:grid}#view-ladder .lb-empty p{max-width:60ch;color:var(--text-2);margin:0}#view-ladder .lb-empty .lb-empty__title{color:var(--text);font-size:var(--type-title-size);font-weight:var(--type-title-weight)}#view-ladder .lb-empty [data-lb-reset]{margin-top:var(--sp-2)}#view-ladder .lb-toolbar-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}#view-ladder .lb-toolbar-actions button[hidden],#view-ladder .lb-toolbar-actions svg{display:none}#view-ladder :is(.lb-toolbar-actions button,[data-lb-retry]):hover{background:var(--surface-hov);border-color:var(--accent)}#view-ladder :is(.lb-toolbar-actions button,[data-lb-retry]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#view-ladder .lb-context-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;display:grid}#view-ladder #lb-sort-state{font-size:var(--text-xs);margin:0}#view-ladder .lb-help{color:var(--text-2);font-size:var(--text-xs)}#view-ladder .lb-help>summary{cursor:pointer;align-items:center;gap:6px;min-height:44px;list-style:none;display:flex}#view-ladder .lb-help>summary:before{content:"?";text-align:center;border:1px solid var(--border);border-radius:50%;flex:none;width:16px}#view-ladder .lb-help>summary::-webkit-details-marker{display:none}#view-ladder .lb-help[open]{grid-column:1/-1}#view-ladder .lb-help-content{max-width:75ch;max-height:22vh;padding-bottom:8px;overflow-y:auto}#view-ladder .lb-help-content p{margin:0 0 8px}#view-ladder .lb-help>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#view-ladder .lb-feedback{border:1px solid var(--border);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px;display:flex}#view-ladder .lb-feedback[hidden]{display:none}#view-ladder .lb-feedback p{margin:0}#view-ladder .lb-global-details{border:0;margin:0}#view-ladder .lb-global-details>summary{min-height:44px;font-size:var(--text-xs);color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-weight:600;list-style:none;display:flex}#view-ladder .lb-global-details>summary:before{content:"+";text-align:center;width:12px}#view-ladder .lb-global-details[open]>summary:before{content:"−"}#view-ladder .lb-global-details>summary::-webkit-details-marker{display:none}#view-ladder .lb-global-short{display:none}#view-ladder .lb-global-scope{color:var(--text-2);font-size:var(--text-xs);margin:0 0 12px}#view-ladder .lb-stats-content{padding-bottom:12px}#view-ladder .lb-stats-content .ins-balance{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}#view-ladder .lb-stats-content .ins-balance-matrix{min-width:0}#view-ladder .lb-stats-content .ins-race-badge{color:var(--text)}#view-ladder .lb-stats-content .ins-matrix-cell.is-mirror{opacity:1}#view-ladder .lb-stats-content :is(.ins-matrix-badge-mirror,.ins-matrix-ci,.ins-matrix-games),#view-ladder .lb-stats-content .ins-matrix-cell.is-unfavorable .ins-matrix-rate{color:var(--text)}#view-ladder .lb-stats-panel{flex-direction:column;gap:8px;display:flex}#view-ladder .lb-stats-summary{align-items:center;min-height:44px;display:flex}#view-ladder .lb-league-track{background:var(--track-bg)}#view-ladder .lb-league-fill{opacity:1}#view-ladder .lb-league-row{font-size:var(--text-xs)}#view-ladder .lb-league-name{overflow-wrap:anywhere;min-width:0}#view-ladder .lb-league-count{opacity:1;flex-wrap:wrap}#view-ladder :is(.lb-league-mmr,.lb-race-mmr){font-size:var(--text-xs);opacity:1;color:var(--text-2)}#view-ladder .lb-league-badge{font-size:var(--text-xs);color:var(--text);letter-spacing:normal}#view-ladder .lb-race-pill{background:var(--surface);border-color:color-mix(in oklch, var(--race-color) 35%, var(--border))}#view-ladder .lb-race-name{color:var(--text)}#view-ladder .lb-race-count{opacity:1}#view-ladder .lb-global-details[open]{max-height:22vh;overflow-y:auto}#view-ladder .lb-global-details[open]>summary{z-index:2;background-color:var(--bg-dark);background-image:linear-gradient(var(--bg-card), var(--bg-card));position:sticky;top:0}#view-ladder .lb-live-slot{flex:none;align-items:center}#view-ladder .lb-live-badge{isolation:isolate;min-height:28px;margin-inline:4px;position:relative;overflow:visible}#view-ladder .lb-live-badge:before{content:"";z-index:-1;position:absolute;inset:-8px -4px}@media (width<=1099px),(height<=639px){#view-ladder .leaderboard-table-wrap{min-width:0}}@media (width<=1099px),(pointer:coarse){#view-ladder .leaderboard-table :is(th,td){height:44px}#view-ladder .leaderboard-table .lb-player-action{min-width:44px;min-height:44px}#view-ladder :is(.lb-sort-button,.lb-live-badge,.lb-advanced-toggle),#view-ladder .lb-ctrl-item :is(input,select){min-height:44px}#view-ladder .region-chip,#view-ladder .lb-stats-content .ins-player{min-width:44px;min-height:44px}}@media (width<=800px) and (width>=601px){#view-ladder .lb-col-player{width:auto}#view-ladder :is(.lb-col-points,.lb-col-wl,.lb-col-games){display:none}#view-ladder .leaderboard-table :is(th,td){padding-inline:7px}#view-ladder .lb-col-region{width:52px}#view-ladder .lb-col-mmr{width:70px}#view-ladder .lb-col-wl{width:68px}#view-ladder .lb-col-winrate{width:124px}#view-ladder .lb-col-games{width:52px}#view-ladder .race-badge-text{display:none}#view-ladder .lb-sort-label{white-space:normal;min-width:0}#view-ladder .lb-player-details{display:block}#view-ladder .lb-player-details>summary{min-height:44px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:6px;padding-inline:4px;list-style:none;display:inline-flex}#view-ladder .lb-player-details>summary::-webkit-details-marker{display:none}#view-ladder .lb-player-details>summary:after{content:"+"}#view-ladder .lb-player-details[open]>summary:after{content:"−"}#view-ladder .lb-player-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin:0 0 12px;display:grid}#view-ladder .lb-player-fullname{overflow-wrap:anywhere;font-size:var(--text-xs);margin:0 0 10px}#view-ladder .lb-player-metrics>div{min-width:0}#view-ladder .lb-player-metrics dt{color:var(--text-2);font-size:var(--text-xs)}#view-ladder .lb-player-metrics dd{font-size:var(--text-small);font-variant-numeric:tabular-nums;margin:2px 0 0}}@media (width<=760px){#view-ladder .lb-league-row{grid-template-columns:minmax(64px,1fr) minmax(24px,1fr) minmax(90px,auto);gap:8px}}@media (width<=600px){#view-ladder .lb-header{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;display:grid}#view-ladder .lb-header #lb-subtitle{font-size:var(--text-xs);margin-top:4px;display:none}#view-ladder .lb-header>div:first-child{grid-column:1/-1}#view-ladder .lb-header #lb-updated-at{font-size:var(--text-xs);grid-area:3/1/auto/-1}#view-ladder .lb-toolbar-actions{grid-area:2/1/auto/-1;justify-content:flex-start;gap:4px;width:auto}#view-ladder .lb-toolbar-actions svg{display:block}#view-ladder :is(#lb-refresh,#lb-reset){width:auto;min-width:44px;padding-inline:8px}#view-ladder .lb-toolbar-actions>p{flex:100%;order:1}#view-ladder .lb-toolbar-actions button{min-height:44px;font-size:var(--text-sm)}#view-ladder .lb-help>summary{max-width:136px}#view-ladder #lb-sort-state{font-size:var(--text-xs)}#view-ladder .lb-help-content{max-height:none;overflow:visible}#view-ladder .leaderboard-controls-v2{gap:8px;margin-block:10px}#view-ladder .lb-primary-controls{grid-template-columns:76px minmax(0,1fr) 70px;gap:8px;display:grid}#view-ladder .lb-primary-controls .lb-ctrl-item{min-width:0}#view-ladder .lb-primary-controls .lb-ctrl-item :is(input,select){width:100%;min-width:0}#view-ladder .lb-primary-controls .lb-advanced-toggle{align-self:end;gap:4px;padding-inline:4px}#view-ladder .lb-secondary-controls .lb-ctrl-item--regions{grid-column:1/-1}#view-ladder .lb-secondary-controls .region-chip{min-width:44px;min-height:44px}#view-ladder .lb-primary-controls .lb-ctrl-item--search{flex:calc(100% - 100px);order:0}#view-ladder .lb-primary-controls>.lb-ctrl-item:first-child{flex:0 0 88px}#view-ladder .lb-primary-controls .lb-ctrl-item{gap:4px}#view-ladder .lb-primary-controls .lb-ctrl-item--regions{flex:auto}#view-ladder .lb-ctrl-item :is(input,select),#view-ladder .lb-advanced-toggle{min-height:44px}#view-ladder .leaderboard-status{font-size:var(--text-xs);margin-block:8px}#view-ladder .lb-stats-container{margin-bottom:8px}#view-ladder .lb-table-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 8px;display:grid}#view-ladder .lb-table-context .leaderboard-status{grid-area:1/1/auto/-1;margin-block:8px 0}#view-ladder .lb-table-context .lb-stats-container{grid-area:2/2;margin:0}#view-ladder .lb-table-context .lb-help{grid-area:2/1}:is(#view-ladder .lb-table-context:has(.lb-help[open]) .lb-help,#view-ladder .lb-table-context:has(.lb-global-details[open]) .lb-stats-container){grid-area:3/1/auto/-1}#view-ladder .lb-global-full{display:none}#view-ladder .lb-global-short{display:inline}#view-ladder .leaderboard-table-wrap{width:100%;overflow-x:clip}#view-ladder .leaderboard-table{width:100%}#view-ladder :is(.lb-col-region,.lb-col-points,.lb-col-wl,.lb-col-winrate,.lb-col-games){display:none}#view-ladder .lb-col-rank{text-align:left;width:28px}#view-ladder .lb-col-rank .lb-sort-button{justify-content:flex-start}#view-ladder .lb-col-mmr{text-align:right;width:69px}#view-ladder .lb-col-player{width:auto}#view-ladder .leaderboard-table :is(th,td){padding-inline:4px}#view-ladder .leaderboard-table th{height:44px}#view-ladder .leaderboard-table td{vertical-align:top;padding-top:var(--sp-3)}#view-ladder td.lb-col-rank{padding-top:20px}#view-ladder td.lb-col-mmr{padding-top:20px;font-size:14px}#view-ladder .lb-col-mmr .lb-sort-button{justify-content:flex-end;min-height:44px}#view-ladder .lb-player-line{flex-wrap:nowrap;gap:4px}#view-ladder .lb-player-action{flex:1;gap:4px;width:auto;min-height:44px}#view-ladder .race-badge-text{display:none}#view-ladder .race-icon-sm,#view-ladder .race-icon-mask{width:15px;height:15px}#view-ladder .lb-league-chip{font-size:var(--text-xs)}#view-ladder .lb-live-slot{min-height:44px}#view-ladder .lb-live-badge{background:0 0;border:0;min-height:44px;margin-inline:4px}#view-ladder .lb-live-badge:before{border:1px solid color-mix(in oklch, var(--danger) 35%, var(--border));border-radius:var(--r-pill);background:color-mix(in oklch, var(--danger) 8%, var(--surface));inset:8px 0}#view-ladder .lb-live-badge:hover:before{border-color:var(--accent);background:var(--surface-hov)}#view-ladder .lb-player-details{display:block}#view-ladder .lb-player-details>summary{min-height:44px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:6px;padding-inline:4px;list-style:none;display:inline-flex}#view-ladder .lb-player-details>summary::-webkit-details-marker{display:none}#view-ladder .lb-player-details>summary:after{content:"+"}#view-ladder .lb-player-details[open]>summary:after{content:"−"}#view-ladder .lb-player-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin:0 0 12px;display:grid}#view-ladder .lb-player-fullname{overflow-wrap:anywhere;font-size:var(--text-xs);margin:0 0 10px}#view-ladder .lb-player-metrics>div{min-width:0}#view-ladder .lb-player-metrics dt{color:var(--text-2);font-size:var(--text-xs)}#view-ladder .lb-player-metrics dd{font-size:var(--text-small);font-variant-numeric:tabular-nums;margin:2px 0 0}#view-ladder .lb-global-details[open]{max-height:none;overflow:visible}#view-ladder .skeleton-box{max-width:100%}}@media (prefers-reduced-motion:no-preference){#view-ladder .lb-player-details[open] .lb-player-metrics{animation:lb-reveal .16s var(--ease)}}@media (width<=360px){#view-ladder .lb-primary-controls .lb-advanced-toggle{flex:0 0 70px;gap:4px;padding-inline:4px}#view-ladder #lb-advanced-label{font-size:var(--text-xs);letter-spacing:0}#view-ladder .lb-live-badge{letter-spacing:0;gap:0;min-width:44px;margin-inline:0;padding-inline:4px}#view-ladder .lb-live-badge :is(svg,.lb-live-dot),#view-ladder .lb-league-chip{display:none}}
