:root{color-scheme:light;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #e9f1fb;--surface: #ffffff;--surface-raised: #f0f4fb;--surface-soft: #f6f9fd;--text: #0b1b2b;--muted: #4a637d;--quiet: #6b8299;--on-accent: #ffffff;--cyan-rgb: 31 111 214;--green-rgb: 31 143 85;--yellow-rgb: 168 121 10;--red-rgb: 201 58 79;--orange-rgb: 217 119 15;--grey-rgb: 74 99 125;--line-rgb: 31 71 120;--wash-rgb: 255 255 255;--backdrop-rgb: 11 27 43;--sheen-rgb: 255 255 255;--shadow-rgb: 31 60 100;--page-bg: linear-gradient(180deg, #eef5ff, #dde9f8);--grade-s-bg: rgb(224 68 90 / .14);--grade-s-fg: #b8283e;--grade-a-bg: rgb(255 156 42 / .18);--grade-a-fg: #b5600a;--grade-b-bg: rgb(226 183 47 / .2);--grade-b-fg: #8a6a06;--grade-c-bg: rgb(79 168 107 / .16);--grade-c-fg: #2f7d4a;--grade-d-bg: rgb(91 114 144 / .16);--grade-d-fg: #44566f}:root[data-theme=dark]{color-scheme:dark;--bg: #071018;--surface: #0c1722;--surface-raised: #112131;--surface-soft: #0a141e;--text: #eef4ff;--muted: #8fa2b5;--quiet: #61788c;--on-accent: #061117;--cyan-rgb: 72 217 255;--green-rgb: 83 227 155;--yellow-rgb: 246 200 95;--red-rgb: 255 111 125;--orange-rgb: 255 154 71;--grey-rgb: 143 162 181;--line-rgb: 141 180 207;--wash-rgb: 5 14 22;--backdrop-rgb: 3 8 12;--sheen-rgb: 255 255 255;--shadow-rgb: 0 0 0;--page-bg: radial-gradient(circle at 18% -10%, rgb(20 118 150 / .2), transparent 32%), radial-gradient(circle at 82% 0%, rgb(167 82 27 / .14), transparent 28%), #071018;--grade-s-bg: rgb(224 68 90 / .24);--grade-s-fg: #ff7a8c;--grade-a-bg: rgb(255 156 42 / .2);--grade-a-fg: #ffb05c;--grade-b-bg: rgb(226 183 47 / .18);--grade-b-fg: #f2cd5c;--grade-c-bg: rgb(79 168 107 / .2);--grade-c-fg: #74c98f;--grade-d-bg: rgb(91 114 144 / .3);--grade-d-fg: #a3b6cf}:root{--border: rgb(var(--line-rgb) / .17);--border-strong: rgb(var(--line-rgb) / .3);--cyan: rgb(var(--cyan-rgb));--cyan-soft: rgb(var(--cyan-rgb) / .12);--orange: rgb(var(--orange-rgb));--orange-soft: rgb(var(--orange-rgb) / .12);--green: rgb(var(--green-rgb));--yellow: rgb(var(--yellow-rgb));--red: rgb(var(--red-rgb))}:root:not([data-theme=dark]){--border: rgb(var(--line-rgb) / .16);--border-strong: rgb(var(--line-rgb) / .28)}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-width:320px;min-height:100%;background:var(--page-bg);background-attachment:fixed}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}button,select{outline:none}button:focus-visible,select:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyan-rgb) / .24)}button{cursor:pointer}button:disabled{cursor:not-allowed}code{margin-inline:.25rem;color:var(--cyan);font-family:Consolas,Courier New,monospace}#root{min-height:100vh}.app-shell{width:min(1560px,100%);min-height:100vh;margin:0 auto;padding:14px 24px}.app-header,.brand,.header-status,.panel-heading,.hero-title-row,.button-row,.speed-control{display:flex;align-items:center}.app-header{justify-content:space-between;gap:24px;margin-bottom:8px}.app-header--draggable{cursor:move;-webkit-user-select:none;user-select:none}.brand{gap:13px}.account{position:relative}.account__button{border-color:rgb(var(--cyan-rgb) / .45);color:var(--cyan)}.account__note{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:280px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:0 18px 36px rgb(var(--shadow-rgb) / .25);color:var(--muted);font-size:12px;line-height:1.5}.account__note .eyebrow{margin-bottom:4px}.brand--link{color:inherit;text-decoration:none}.brand-mark{display:block;width:48px;height:48px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1;letter-spacing:-.04em}h2{font-size:16px;line-height:1.25;letter-spacing:-.015em}h3{font-size:15px}.eyebrow{margin-bottom:5px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.header-status{gap:10px}.simulation-badge,.source-chip,.roster-count,.history-count,.health-ok,.health-warn,.playback-state,.you-badge,.outcome{border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.simulation-badge{padding:8px 11px;border:1px solid rgb(var(--yellow-rgb) / .32);color:var(--yellow);background:rgb(var(--yellow-rgb) / .08)}.simulation-badge--live{border-color:rgb(var(--green-rgb) / .34);color:var(--green);background:rgb(var(--green-rgb) / .08)}.playback-state{display:flex;align-items:center;gap:7px;min-width:94px;padding:8px 11px;border:1px solid var(--border);color:var(--muted);background:var(--surface)}.playback-state i{width:7px;height:7px;border-radius:50%;background:var(--quiet)}.playback-state--replaying{color:var(--green)}.playback-state--replaying i{background:var(--green);box-shadow:0 0 12px rgb(var(--green-rgb) / .7)}.playback-state--complete{color:var(--cyan)}.playback-state--complete i{background:var(--cyan)}.playback-state--connected{color:var(--green)}.playback-state--connected i{background:var(--green);box-shadow:0 0 12px rgb(var(--green-rgb) / .7)}.playback-state--degraded,.playback-state--registering{color:var(--yellow)}.playback-state--degraded i,.playback-state--registering i{background:var(--yellow)}.playback-state--error{color:var(--red)}.playback-state--error i{background:var(--red)}main{display:grid;gap:16px}.simulator-panel,.team-panel,.data-panel,.insight-banner,.gep-inspector{border:1px solid var(--border);border-radius:16px;background:linear-gradient(150deg,rgb(var(--sheen-rgb) / .025),transparent 45%),var(--surface);box-shadow:0 16px 50px rgb(var(--shadow-rgb) / .16)}.gep-inspector{display:grid;gap:12px;padding:18px;border-top-color:rgb(var(--cyan-rgb) / .46)}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.inspector-intro{max-width:780px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.5}.identity-toggle{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:10px;color:var(--muted);background:var(--surface-soft);font-size:11px;font-weight:800}.identity-toggle input{accent-color:var(--cyan)}.runtime-stage{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--border);border-left:3px solid var(--quiet);border-radius:10px;background:var(--surface-soft)}.runtime-stage>span{color:var(--quiet);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.runtime-stage>strong{font-size:12px}.runtime-stage>p{color:var(--muted);font-size:11px}.runtime-stage--match-active{border-left-color:var(--green)}.runtime-stage--loading{border-left-color:var(--yellow)}.runtime-stage--match-ended{border-left-color:var(--cyan)}.inspector-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.inspector-summary>div{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.inspector-summary span,.inspector-summary small{display:block;color:var(--quiet);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.inspector-summary strong{display:block;margin:4px 0 2px;color:var(--text);font-size:20px}.inspector-section{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:rgb(var(--wash-rgb) / .44)}.inspector-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;color:var(--text);cursor:pointer;font-size:12px;font-weight:800}.inspector-section[open]>summary{border-bottom:1px solid var(--border)}.inspector-section>summary small{color:var(--quiet);font-size:10px;font-weight:700}.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.contract-feature{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft)}.contract-feature>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--border)}.contract-feature>header strong{color:var(--cyan);font-family:Consolas,Courier New,monospace;font-size:11px}.feature-state,.contract-kind,.trace-badge,.unknown-data em{border-radius:999px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.feature-state{padding:3px 6px;color:var(--quiet);background:rgb(var(--grey-rgb) / .08)}.feature-state.registered{color:var(--green);background:rgb(var(--green-rgb) / .1)}.feature-state.unavailable{color:var(--red);background:rgb(var(--red-rgb) / .1)}.contract-feature ul{display:grid;margin:0;padding:5px 10px;list-style:none}.contract-feature li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:7px;min-width:0;padding:5px 0;border-bottom:1px solid var(--border)}.contract-feature li:last-child{border-bottom:0}.contract-feature code{overflow:hidden;margin:0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contract-kind{padding:3px 5px;color:var(--cyan);background:var(--cyan-soft);text-align:center}.contract-kind--event{color:var(--orange);background:var(--orange-soft)}.contract-feature .observed,.contract-feature .unobserved{font-size:9px;font-weight:800}.contract-feature .observed{color:var(--green)}.contract-feature .unobserved{color:var(--quiet)}.inspector-table-wrap{max-height:430px;overflow:auto}.inspector-table{width:100%;border-collapse:collapse;table-layout:fixed}.inspector-table th,.inspector-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.inspector-table th{position:sticky;z-index:1;top:0;color:var(--quiet);background:var(--surface-raised);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.inspector-table th:first-child{width:24%}.inspector-table th:nth-child(2){width:51%}.inspector-table th:nth-child(3){width:18%}.inspector-table th:last-child{width:7%}.inspector-table td>span,.inspector-table td>small{display:block;color:var(--quiet);font-size:9px}.inspector-table td>code{display:block;margin:3px 0 0;font-size:10px}.inspector-table pre,.raw-trace pre,.normalized-snapshot{margin:0;overflow:auto;color:var(--text);font-family:Consolas,Courier New,monospace;font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.unknown-data{background:rgb(var(--yellow-rgb) / .035)}.unknown-data em{display:inline-block;margin-top:6px;padding:3px 5px;color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.inspector-traces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.raw-trace{display:grid;max-height:390px;margin:0;padding:0;overflow:auto;list-style:none}.raw-trace>li{display:grid;gap:7px;padding:10px 12px;border-bottom:1px solid var(--border)}.raw-trace>li:last-child{border-bottom:0}.raw-trace header{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px}.raw-trace time{color:var(--quiet);font-family:Consolas,Courier New,monospace;font-size:9px}.raw-trace header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.trace-badge{padding:4px 6px;color:var(--cyan);background:var(--cyan-soft)}.trace-badge--unknown{color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.trace-values{display:grid;gap:6px}.trace-values>div{display:grid;grid-template-columns:minmax(165px,.42fr) minmax(0,1fr);gap:10px;padding:7px;border-radius:7px;background:rgb(var(--sheen-rgb) / .025)}.trace-values code{margin:0;font-size:9px;overflow-wrap:anywhere}.normalized-snapshot{max-height:460px;padding:12px}.inspector-empty,.empty-receipt{padding:18px;color:var(--quiet);font-size:11px;text-align:center}.inspector-retention{color:var(--quiet);font-size:9px;line-height:1.45;text-align:right}.simulator-panel{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(520px,1.35fr);gap:32px;overflow:hidden;padding:20px 22px 28px}.simulator-panel:before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),transparent);content:""}.simulator-copy>p:last-child{max-width:650px;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}.simulator-controls{display:grid;align-items:end;gap:12px}.simulator-controls--replay{grid-template-columns:minmax(130px,.55fr) minmax(220px,1fr) auto auto}.simulator-controls--live{grid-template-columns:minmax(170px,.6fr) minmax(220px,1fr) auto}.simulator-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.live-summary{min-height:38px;padding:4px 0}.live-summary span,.live-summary strong{display:block}.live-summary span{margin-bottom:4px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-summary strong{color:var(--text);font-size:12px}select{width:100%;height:38px;padding:0 34px 0 11px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text);background:var(--surface-soft)}.button-row{gap:7px}.button,.speed-control button{height:38px;border:1px solid var(--border-strong);border-radius:9px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:800}.button{padding:0 14px}.button:hover:not(:disabled),.speed-control button:hover{color:var(--text);border-color:rgb(var(--cyan-rgb) / .45)}.button:disabled{opacity:.42}.button--primary{border-color:rgb(var(--cyan-rgb) / .48);color:var(--on-accent);background:var(--cyan)}.speed-control{gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.speed-control button{width:34px;height:30px;border:0;background:transparent}.speed-control button.active{color:var(--cyan);background:var(--cyan-soft)}.progress-track{position:absolute;right:22px;bottom:13px;left:22px;height:3px;overflow:hidden;border-radius:999px;background:rgb(var(--grey-rgb) / .12)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .18s ease}.progress-label{position:absolute;right:22px;bottom:17px;transform:translateY(-100%);color:var(--quiet);font-size:10px}.context-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:13px;background:rgb(var(--wash-rgb) / .72)}.context-item{min-width:0;padding:13px 16px;border-right:1px solid var(--border)}.context-item:last-child{border-right:0}.context-item span,.metric span,.history-card span,.diagnostic-list dt{display:block;margin-bottom:4px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.context-item strong{display:block;overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.roster-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-panel,.data-panel{padding:17px}.team-panel--friendly{border-top-color:rgb(var(--cyan-rgb) / .46)}.team-panel--enemy{border-top-color:rgb(var(--orange-rgb) / .5)}.roster-count,.history-count,.source-chip{padding:6px 8px;color:var(--muted);background:rgb(var(--grey-rgb) / .08)}.hero-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:62px;gap:10px;padding:9px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.hero-card:after{position:absolute;inset:0 0 0 auto;width:2px;background:var(--quiet);content:""}.hero-card.role-tank:after{background:var(--orange)}.hero-card.role-damage:after{background:var(--red)}.hero-card.role-support:after{background:var(--green)}.hero-card--empty{opacity:.46;border-style:dashed}.hero-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);background:rgb(var(--sheen-rgb) / .035);font-size:12px;font-weight:900}.hero-copy{min-width:0}.hero-title-row{min-width:0;gap:6px}.hero-name{overflow:hidden;color:var(--text);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hero-meta,.swap-path{overflow:hidden;margin-top:3px;color:var(--quiet);font-size:9px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.swap-path{color:var(--yellow);text-transform:none}.insight-banner{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);align-items:center;gap:28px;padding:16px 18px;border-left:3px solid var(--yellow);background:linear-gradient(100deg,rgb(var(--yellow-rgb) / .08),transparent 45%),var(--surface)}.insight-banner>p{color:var(--muted);font-size:12px;line-height:1.5}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.metric strong{font-size:18px}.health-ok,.health-warn{padding:6px 8px}.health-ok{color:var(--green);background:rgb(var(--green-rgb) / .1)}.health-warn{color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.diagnostic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--border)}.diagnostic-list>div{padding:10px;background:var(--surface-soft)}.diagnostic-list dd{margin:0;color:var(--text);font-size:12px;font-weight:700}.issue-box{margin-top:10px;padding:10px 12px;border:1px solid rgb(var(--yellow-rgb) / .24);border-radius:10px;color:var(--yellow);background:rgb(var(--yellow-rgb) / .06);font-size:11px}.issue-box ul{margin:5px 0 0;padding-left:18px}.timeline-panel,.history-panel{min-height:250px}.timeline-list{display:grid;max-height:230px;margin:0;padding:0;overflow:auto;list-style:none}.timeline-list li{display:grid;grid-template-columns:34px 10px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.timeline-list li:last-child{border-bottom:0}.timeline-list time{color:var(--quiet);font-family:Consolas,monospace;font-size:10px}.timeline-list strong{display:block;color:var(--text);font-size:11px}.timeline-list p{margin-top:2px;color:var(--quiet);font-size:10px}.timeline-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--cyan)}.timeline-dot--event{background:var(--orange)}.timeline-dot--warning{background:var(--yellow)}.empty-copy{padding:26px 12px;color:var(--quiet);font-size:12px;line-height:1.55;text-align:center}.history-list{display:grid;gap:9px}.history-card{display:grid;grid-template-columns:1.15fr 1fr .65fr;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.history-card h3{margin-top:7px}.history-card p{margin-top:2px;color:var(--quiet);font-size:10px}.history-card strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.outcome{display:inline-block;padding:3px 6px;color:var(--muted);background:rgb(var(--grey-rgb) / .09)}.outcome--victory{color:var(--green);background:rgb(var(--green-rgb) / .1)}.outcome--defeat{color:var(--red);background:rgb(var(--red-rgb) / .1)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 2px 0;color:var(--quiet);font-size:10px}footer span{color:var(--yellow);font-weight:900;letter-spacing:.12em}@media(max-width:1100px){.simulator-panel,.roster-grid,.data-grid,.inspector-traces{grid-template-columns:1fr}.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:16px 14px}.app-header{align-items:flex-start;flex-direction:column}.inspector-heading{align-items:stretch;flex-direction:column}.identity-toggle{align-self:flex-start}.runtime-stage,.contract-grid,.inspector-summary{grid-template-columns:1fr}.inspector-table{min-width:720px}.simulator-controls{grid-template-columns:1fr}.context-strip{grid-template-columns:repeat(2,1fr)}.context-item{border-bottom:1px solid var(--border)}.hero-list,.metric-grid,.insight-banner,.history-card{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}.first-run{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0a0e148c}.first-run__panel{display:grid;gap:14px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.first-run__header,.first-run__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.first-run__header h2{margin:0}.first-run__body ul{display:grid;gap:8px;padding-left:20px}.coach-layout.coach-layout--live{display:flex;flex-direction:column;gap:10px}.coach-layout--live>*{width:100%;min-width:0}.coach-layout--live .coach-context{padding:10px 16px}.coach-layout--live .coach-source{margin-bottom:6px}.coach-source-actions{display:flex;align-items:center;gap:8px}.coach-layout--live .coach-facts{margin-bottom:6px}.coach-layout--live .coach-facts dt{margin-bottom:2px}@media(max-width:760px){.coach-source,.coach-source-actions{flex-wrap:wrap}.coach-layout--live .coach-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-layout--live .coach-facts dd{white-space:normal}}.header-source{width:auto;min-width:150px;height:34px;cursor:pointer}.tab-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:4px;border:1px solid var(--border);border-radius:12px;background:rgb(var(--wash-rgb) / .72)}.tab-bar>button,.tab-bar>a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:13px;font-weight:800;text-decoration:none}.tab-bar>button:hover,.tab-bar>a:hover{color:var(--text)}.tab-bar>button.active,.tab-bar>a.active{color:var(--text);background:var(--surface-raised);box-shadow:inset 0 -2px 0 var(--cyan)}.tab-count{padding:2px 7px;border-radius:999px;color:var(--cyan);background:var(--cyan-soft);font-size:11px}.replay-bar{display:flex;align-items:center;gap:8px;margin-left:auto}.replay-bar>span{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.replay-bar select{width:220px;height:32px}.button--small{height:32px;padding:0 12px;font-size:11px}.link-button{padding:0;border:0;color:var(--cyan);background:none;font-size:11px;font-weight:800}.link-button:hover{text-decoration:underline}.coach-main{grid-template-columns:minmax(0,1fr);align-items:start}.coach-layout{display:grid;grid-template-areas:"context context" "headline headline" "team guide" "recs recs";grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}.coach-layout>.pick-field{grid-area:recs}.coach-context{grid-area:context}.recommendations{grid-area:recs}.pool-panel{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.pool-hint{margin-bottom:14px;color:var(--muted);font-size:12px;line-height:1.5}.pool-role+.pool-role{margin-top:14px}.pool-role-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pool-chips{display:flex;flex-wrap:wrap;gap:6px}.pool-chip{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:700}.pool-chip:hover{color:var(--text);border-color:var(--border-strong)}.pool-chip--on{border-color:var(--role-color, var(--cyan));color:var(--text);background:color-mix(in srgb,var(--role-color, var(--cyan)) 18%,transparent)}.pool-role--tank,.coach-source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.coach-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 12px}.coach-facts dt,.summary-stat span,.match-grid span,.match-teams span{display:block;margin-bottom:5px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coach-facts dd{margin:0;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.style-bars{display:grid;gap:7px;margin-bottom:14px}.bar{height:6px;overflow:hidden;border-radius:999px;background:rgb(var(--grey-rgb) / .12)}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.role-counts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recommendation{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px;border:1px solid var(--border);border-left:3px solid var(--role-color, var(--border));border-radius:12px;background:var(--surface)}.reason{position:relative;padding-left:16px;font-size:12px;line-height:1.45}.reason:before{position:absolute;left:0;font-weight:900}.breakdown{color:var(--quiet);font-size:11px}.show-more{grid-column:1 / -1;justify-self:center}.history-view{display:grid;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-stat strong{font-size:16px}.hero-table{width:100%;margin-bottom:12px;border-collapse:collapse;font-size:12px}.hero-table th{padding:6px 8px;color:var(--quiet);font-size:10px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.hero-table td{padding:7px 8px;border-top:1px solid var(--border)}.match-list{display:grid;gap:12px}.match-card{padding:15px 17px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.match-card header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.match-card header>div{flex:1}.match-card header p{color:var(--muted);font-size:12px}.match-card .outcome{padding:5px 9px;background:rgb(var(--grey-rgb) / .1)}.match-grid{display:grid;grid-template-columns:1.4fr .8fr 1.4fr 1fr;gap:12px;margin-bottom:10px}.match-grid strong{font-size:13px}.match-teams{display:grid;gap:4px;color:var(--muted);font-size:12px}.match-teams span{display:inline;margin-right:6px}@media(max-width:1100px){.coach-main{grid-template-columns:1fr}.pool-panel{position:static;max-height:none}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.coach-layout{grid-template-areas:"context" "headline" "team" "guide" "recs"}.coach-layout,.recommendations,.coach-facts,.match-grid{grid-template-columns:1fr}.tab-bar{flex-wrap:wrap}.replay-bar{width:100%;margin-left:0}}.history-actions{display:flex;align-items:center;gap:8px}.export-status{margin:-4px 0 12px}.match-log{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.log-summary{display:grid;gap:4px;margin-bottom:12px;font-size:12px}.log-summary span{margin-right:6px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.log-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.log-filters button{height:28px;padding:0 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:11px;font-weight:800}.log-filters button.active{border-color:rgb(var(--cyan-rgb) / .45);color:var(--cyan);background:var(--cyan-soft)}.log-count{margin-left:auto;color:var(--quiet);font-size:11px}.log-list{max-height:420px;margin:0;padding:0;overflow-y:auto;list-style:none;border:1px solid var(--border);border-radius:10px}.log-row{display:grid;grid-template-columns:52px 62px 1fr;align-items:baseline;gap:10px;padding:6px 12px;border-bottom:1px solid rgb(var(--line-rgb) / .08);font-size:12px}.log-row:last-child{border-bottom:0}.log-row time{color:var(--quiet);font-variant-numeric:tabular-nums}.log-kind{color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.log-row--you{background:rgb(var(--cyan-rgb) / .05)}.log-row--round,.log-row--match,.log-row--outcome{background:rgb(var(--grey-rgb) / .07);font-weight:700}.coach-log-row .log-kind{color:var(--cyan)}.coach-log-row .log-text p{margin:0 0 2px}.coach-log-changes{font-weight:700}.coach-log-label{margin-right:4px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.log-side--ally .log-kind{color:var(--green)}.log-side--enemy .log-kind{color:var(--orange)}.log-side--you .log-kind{color:var(--cyan)}.log-row--death .log-kind{color:var(--red)}.raw-search{flex:1;min-width:220px;height:30px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);background:var(--surface-soft);font:inherit;font-size:12px}.raw-note{margin-bottom:8px}.raw-list{max-height:520px}.raw-row{display:grid;grid-template-columns:52px 46px minmax(140px,.6fr) 1fr;align-items:baseline;gap:10px;padding:4px 12px;border-bottom:1px solid rgb(var(--line-rgb) / .06);font-size:11px}.raw-row time{color:var(--quiet);font-variant-numeric:tabular-nums}.raw-source{color:var(--quiet);font-size:10px;font-weight:800;text-transform:uppercase}.raw-source--event{color:var(--orange)}.raw-path{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raw-value{overflow:hidden;color:var(--muted);font-family:Consolas,Courier New,monospace;text-overflow:ellipsis;white-space:nowrap}.review-tabs{display:inline-flex;gap:2px;margin-bottom:12px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.review-tabs button{height:30px;padding:0 14px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:800}.review-tabs button.active{color:var(--cyan);background:var(--cyan-soft)}.review-tabs button:disabled{opacity:.4}.raw-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.timeline-view{--series-1: #3987e5;--series-2: #d95926;display:grid;gap:10px}.timeline-players{display:grid;gap:8px}.timeline-player-group{display:grid;grid-template-columns:90px 1fr;align-items:start;gap:8px}.timeline-player-group>span{padding-top:7px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline-player-group>div{display:flex;flex-wrap:wrap;gap:6px}.timeline-player{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:700}.timeline-player{display:inline-flex;align-items:center}.timeline-player.active{border-color:var(--player-color);color:var(--text);background:color-mix(in srgb,var(--player-color) 16%,transparent)}.timeline-player:not(.active) .swatch{opacity:.35}.timeline-quick{display:flex;flex-wrap:wrap;gap:6px}.timeline-quick button{padding:4px 10px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.timeline-quick button:hover{color:var(--text);border-color:var(--muted)}.swatch{display:inline-block;flex:none;width:14px;height:0;margin-right:6px;border-top:2px solid var(--player-color, var(--muted));vertical-align:middle}.swatch--dashed{border-top-style:dashed}.hero-band,.event-strip,.stat-chart svg{display:block;width:100%;height:auto;overflow:visible}.hero-seg{fill:color-mix(in srgb,var(--player-color) 22%,transparent);stroke:color-mix(in srgb,var(--player-color) 55%,transparent);stroke-width:1}.lane-key{fill:var(--player-color)}.swap-tick{stroke:var(--text);stroke-width:2}.swap-marker{stroke-width:1;stroke-dasharray:2 3;opacity:.55}.hero-seg-label{fill:var(--text);font-size:11px;font-weight:700}.axis-label{fill:var(--quiet);font-size:10px}.grid-line{stroke:rgb(var(--grey-rgb) / .14);stroke-width:1}.stat-chart{margin:0}.stat-chart figcaption{display:flex;justify-content:space-between;margin-bottom:2px;font-size:12px}.stat-chart figcaption span{color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.series{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.series--dashed{stroke-dasharray:5 3}.crosshair{stroke:var(--muted);stroke-width:1}.timeline-table,.timeline-readout{width:100%;border-collapse:collapse;font-size:12px}.timeline-table caption,.timeline-readout caption{margin-bottom:6px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-align:left;text-transform:uppercase}.timeline-table th,.timeline-readout th{padding:5px 8px;color:var(--quiet);font-size:10px;text-align:right}.timeline-table th:first-child,.timeline-table td:first-child,.timeline-readout th:first-child,.timeline-readout td:first-child,.timeline-readout th:nth-child(2),.timeline-readout td:nth-child(2){text-align:left}.timeline-readout td{padding:4px 8px;border-top:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}.timeline-table td{padding:6px 8px;border-top:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums;cursor:pointer}.timeline-table tr.active td,.timeline-table tbody tr:hover td{background:rgb(var(--cyan-rgb) / .05)}.team-members{display:grid;gap:4px;margin:0 0 14px;padding:0;list-style:none}.pool-drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgb(var(--backdrop-rgb) / .55);opacity:0;pointer-events:none;transition:opacity .16s ease}.pool-drawer-backdrop.open{opacity:1;pointer-events:auto}.pool-drawer{position:fixed;top:0;bottom:0;left:0;z-index:41;width:min(380px,92vw);overflow-y:auto;padding:16px;background:var(--bg);box-shadow:16px 0 40px rgb(var(--shadow-rgb) / .4);transform:translate(-102%);transition:transform .18s ease}.pool-drawer.open{transform:translate(0)}.pool-drawer .pool-panel{position:static;max-height:none}.pool-drawer-close{margin-bottom:10px}@media(prefers-reduced-motion:reduce){.pool-drawer,.pool-drawer-backdrop{transition:none}}.window-toggle{padding:5px 10px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.window-toggle:hover{color:var(--text);border-color:var(--muted)}.map-ratings-view{display:grid;gap:16px}.info-tip{position:relative;display:inline-flex;margin-left:8px;vertical-align:middle}.info-tip__icon{width:18px;height:18px;padding:0;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);background:transparent;font-size:11px;font-weight:800;line-height:1;cursor:help}.info-tip__icon:hover,.info-tip__icon:focus-visible{color:var(--text);border-color:var(--cyan)}.info-tip__text{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:320px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;color:var(--muted);background:var(--surface);box-shadow:0 18px 36px rgb(var(--shadow-rgb) / .25);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none}.info-tip:hover .info-tip__text,.info-tip:focus-within .info-tip__text{display:block}.info-tip__text{max-width:calc(100vw - 32px)}.info-tip--right .info-tip__text{left:auto;right:0}[data-coach-panel]{position:relative}.eyebrow--with-tip .info-tip{position:static}.eyebrow--with-tip .info-tip__text{top:44px;left:14px;right:14px;width:auto}.map-ratings-controls{position:sticky;top:0;z-index:2;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0}.advanced-menu{position:relative;font-size:12px;color:var(--muted)}.advanced-menu summary,.history-hero-summary summary{cursor:pointer;padding:8px}.advanced-menu-content{position:absolute;top:100%;right:0;z-index:5;width:min(360px,85vw);padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 12px 30px #0003}.advanced-menu{margin-left:auto}.advanced-menu .replay-bar{display:flex;flex-wrap:wrap;margin:12px 0 0}.advanced-menu .replay-bar select{width:100%}.history-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.history-match-list{display:grid;gap:8px;max-height:65vh;overflow-y:auto}.history-session>button{display:grid;gap:6px;padding:14px;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px}.history-session>button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-soft)}.history-match-list span,.history-match-list small{color:var(--muted)}.history-session{display:grid;gap:8px}.history-session__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;margin:8px 2px 0;font-size:12px}.history-detail{display:grid;gap:12px;min-width:0}.session-summary h3{margin:0}.session-modes{display:grid;gap:4px;margin:0 0 8px;padding:0;list-style:none;font-size:13px}.session-modes span,.session-heroes span{color:var(--muted)}.session-heroes{margin:0;font-size:13px}.history-hero-summary{margin-bottom:12px;font-size:13px}.history-workspace .match-card{min-width:0}@media(max-width:900px){.history-workspace{grid-template-columns:1fr}.history-match-list{max-height:220px}}.map-ratings-controls label{display:flex;align-items:center;gap:8px;color:var(--quiet);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.map-ratings-controls select{min-width:220px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface-raised);color:var(--text);font:inherit;font-size:13px;letter-spacing:normal;text-transform:none}.map-ratings-table .sort-button{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.map-ratings-table .sort-button.active{color:var(--cyan)}.map-ratings-table td{font-variant-numeric:tabular-nums}.map-ratings-hero{font-weight:600}.map-ratings-muted{color:var(--muted)}.map-ratings-up{color:var(--green)}.map-ratings-down{color:var(--red)}.map-rating-cell{display:flex;align-items:center;gap:8px}.map-rating-bar{position:relative;width:90px;height:6px;overflow:hidden;border-radius:3px;background:var(--surface-soft)}.map-rating-bar span{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--cyan)}.map-rating-number{min-width:24px;color:var(--muted)}.grade-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:700}.grade-s{background:var(--grade-s-bg);color:var(--grade-s-fg)}.grade-a{background:var(--grade-a-bg);color:var(--grade-a-fg)}.grade-b{background:var(--grade-b-bg);color:var(--grade-b-fg)}.grade-c{background:var(--grade-c-bg);color:var(--grade-c-fg)}.grade-d{background:var(--grade-d-bg);color:var(--grade-d-fg)}.map-ratings-tags{white-space:nowrap}.map-tag{margin-right:6px;padding:2px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px}.map-tag.best{border-color:rgb(var(--green-rgb) / .4);color:var(--green)}.tier-list{display:grid;gap:6px}.tier-row{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:92px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:0}.tier-label strong{font-size:26px;line-height:1}.tier-label span{padding:0 4px;font-size:10px;line-height:1.2;text-align:center;opacity:.85}.tier-heroes{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:8px}.tier-empty{align-self:center;color:var(--quiet);font-size:12px}a.tier-hero{color:inherit;text-decoration:none}a.tier-hero:hover .tier-name,a.tier-hero:focus-visible .tier-name{color:var(--cyan)}.tier-hero{display:grid;justify-items:center;gap:3px;width:68px;cursor:default}.tier-portrait{position:relative;width:56px;height:56px;overflow:hidden;border:1px solid var(--border-strong);border-bottom:3px solid var(--quiet);border-radius:9px;background:var(--surface-raised)}.role-tank .tier-portrait{border-bottom-color:var(--cyan)}.role-damage .tier-portrait{border-bottom-color:var(--orange)}.role-support .tier-portrait{border-bottom-color:var(--green)}.tier-portrait img{display:block;width:100%;height:100%;object-fit:cover}.tier-portrait>span:first-child{display:grid;place-items:center;height:100%;color:var(--muted);font-weight:700}.tier-best{position:absolute;top:4px;right:4px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--green)}.tier-legend .tier-best{position:static;display:inline-block;margin-right:4px;vertical-align:middle}.tier-name{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tier-score{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.tier-legend{margin:6px 0 0;color:var(--muted);font-size:11px}@media(max-width:560px){.tier-row{grid-template-columns:48px minmax(0,1fr)}.tier-hero{width:58px}.tier-portrait{width:48px;height:48px}}.map-rating-word{color:var(--muted);font-size:11px;white-space:nowrap}.tier-state{position:absolute;inset:auto 2px 2px;padding:0 3px;border-radius:4px;background:rgb(var(--wash-rgb) / .85);color:var(--muted);font-size:9px;line-height:1.5;text-align:center}.tier-state--low_data{color:var(--quiet)}.tier-hero:has(.tier-state--low_data) img{opacity:.55}.rank-editor{margin-top:8px;font-size:12px}.rank-editor summary{cursor:pointer;color:var(--muted);font-weight:700}.rank-editor-body{display:grid;gap:8px;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.rank-editor-account{display:flex;align-items:center;gap:6px;margin:0}.rank-editor-profile{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700}.rank-editor-profile .coach-note{flex-basis:100%;margin:0;font-weight:400}.rank-editor-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.rank-editor-slots>div{display:grid;gap:4px;padding:6px 8px;border:1px solid var(--border);border-radius:8px}.rank-editor-slots>div.is-active{border-color:var(--cyan)}.rank-editor-slots dt{display:flex;align-items:center;gap:6px;font-weight:700}.rank-editor-slots dd{margin:0}.rank-editor select{width:100%;min-height:28px;padding:3px 6px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-raised);color:var(--text);font:inherit}.rank-editor-account select{width:auto}@media(max-width:760px){.rank-editor-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.session-log-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px}.session-log-controls .export-status{flex-basis:100%;margin:0}.player-memory{margin:8px 0;font-size:13px}.player-memory summary{cursor:pointer;padding:8px}.player-memory__accounts{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0;padding:8px;border:1px solid var(--border);border-radius:8px}.player-memory__accounts label{display:inline-flex;gap:6px;align-items:center}.player-memory__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0}.players-met{margin-top:10px;color:var(--muted);font-size:12px}.players-met__title{margin:0 0 4px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.players-met ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.players-met li span{font-weight:700}.players-met .link-button{margin-left:8px}.history-import{display:inline-flex;align-items:center;justify-content:center}.history-file-status{margin:-4px 0 12px;font-weight:600}.history-file-status--ok{color:var(--success, #1f9d55)}.history-file-status--error{color:var(--danger, #d64545)}.history-file-status--busy{opacity:.75}:root{--ow-border: var(--border);--ow-text-primary: var(--text);--ow-text-muted: var(--muted);--ow-blue: var(--cyan);--ow-panel: var(--surface);--panel: var(--surface);--panel-tint: var(--surface-soft);--panel-soft: var(--surface-soft);--surface-1: var(--surface-raised);--surface-2: var(--surface);--surface-3: var(--surface-soft);--color-text-primary: var(--text);--color-text-secondary: var(--muted);--color-text-muted: var(--quiet);--blue-rgb: var(--cyan-rgb);--border-rgb: var(--line-rgb);--green-fg: var(--green);--red-fg: var(--red);--radius-sm: 8px;--radius-md: 12px}.app-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ow-border);display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--ow-text-muted)}.app-footer a{color:var(--ow-blue);text-decoration:none}.app-footer__feedback{margin:0;font-weight:700}.app-footer .app-footer__feedback-link{color:#38bdf8;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.app-footer .app-footer__feedback-link:hover{color:#7dd3fc}.app-footer__feedback-link:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}.app-footer__support{margin-left:auto}.support-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ow-border);border-radius:.75rem;padding:.45rem .8rem;background:var(--panel-tint);color:var(--ow-blue);text-decoration:none;font-weight:700}.support-link:hover{border-color:rgb(var(--blue-rgb) / .4)}.support-link:focus-visible{outline:2px solid rgb(var(--blue-rgb) / .35);outline-offset:2px}.support-link--subtle{padding:.18rem .45rem;border-radius:.55rem;border-color:rgb(var(--blue-rgb) / .2);background:transparent;font-size:.78rem;font-weight:600}.feedback-form{display:grid;gap:1rem;max-width:44rem}.feedback-kinds,.feedback-usefulness{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;border:0}.feedback-kinds legend,.feedback-usefulness legend,.feedback-field>span{margin-bottom:.4rem;color:var(--ow-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.feedback-kinds label,.feedback-usefulness button{border:1px solid var(--ow-border);border-radius:var(--radius-sm);background:var(--panel);color:var(--ow-text-primary);padding:.45rem .8rem;font:inherit;font-weight:700;cursor:pointer}.feedback-kinds input{position:absolute;opacity:0;pointer-events:none}.feedback-kinds label.is-active,.feedback-usefulness button.is-active{border-color:#38bdf8;color:#38bdf8}.feedback-kinds label:focus-within{outline:2px solid #7dd3fc;outline-offset:2px}.feedback-field{display:grid}.feedback-field input,.feedback-field select,.feedback-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--ow-border);border-radius:var(--radius-sm);background:var(--panel);color:var(--ow-text-primary);padding:.55rem .7rem;font:inherit}.feedback-field textarea{resize:vertical}.feedback-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feedback-hint,.feedback-note{color:var(--ow-text-muted);font-size:.85rem}.feedback-error{color:#f87171;font-weight:700}.feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.feedback-alt{font-size:.9rem}.feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-done{max-width:44rem}@media(max-width:640px){.feedback-row{grid-template-columns:1fr}}.app-footer__links{display:flex;gap:14px;margin-left:auto;font-size:12px;font-weight:700}.app-footer__links+.app-footer__support{margin-left:0}.about-panel{max-width:820px}.privacy-page h3{margin:0 0 6px;font-size:15px}.privacy-page h3+p,.privacy-page p+h3{margin-top:12px}.privacy-page p,.privacy-page .directory-list{max-width:760px;font-size:14px;line-height:1.6}.privacy-table td{vertical-align:top;line-height:1.5}.privacy-table td:first-child{width:50%}.thanks-panel{max-width:760px}.directory-page{display:flex;flex-direction:column;gap:10px}.directory-page a,.directory-links a{color:var(--cyan)}.directory-links{margin:10px 0 0}.directory-lead{max-width:760px;margin:6px 0 12px;color:var(--muted);font-size:14px;line-height:1.55}.best-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 12px}.best-picks__role{padding-left:10px;border-left:3px solid var(--role-color, var(--border))}.best-picks ol,.directory-list{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.8}.directory-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px}.directory-grid--heroes{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.directory-page .directory-card{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--role-color, var(--border));border-radius:10px;color:var(--text);background:var(--surface-soft);font-size:13px;text-decoration:none}.directory-page .directory-card:hover,.directory-page .directory-card:focus-visible{border-color:var(--cyan)}.directory-card--hero{justify-items:center;text-align:center}.directory-card--hero img,.directory-card__initials{width:56px;height:56px;border-radius:10px;object-fit:cover}.directory-card__initials{display:grid;place-items:center;background:var(--surface-raised);font-weight:800}.hero-intro{display:flex;gap:16px;align-items:flex-start;border-left:3px solid var(--role-color, var(--border))}.hero-intro__portrait{width:88px;height:88px;border-radius:12px;object-fit:cover}.directory-table a{font-weight:700}@media(max-width:700px){.best-picks,.directory-columns{grid-template-columns:1fr}.hero-intro{flex-direction:column}}.role-tank{--role-color: #6aa8ff}.role-damage{--role-color: var(--orange)}.role-support{--role-color: var(--green)}.team-read{grid-area:team}.guide-panel{grid-area:guide}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.segmented button{height:30px;padding:0 14px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:800}.segmented button.active{color:var(--cyan);background:var(--cyan-soft)}.confidence{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.confidence--low{color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.confidence--medium{color:var(--cyan);background:var(--cyan-soft)}.confidence--high{color:var(--green);background:rgb(var(--green-rgb) / .1)}.coach-note{color:var(--muted);font-size:12px;line-height:1.5}.coach-note+.coach-note{margin-top:4px}.coach-warning{margin-top:8px;padding:8px 10px;border:1px solid rgb(var(--yellow-rgb) / .3);border-radius:8px;color:var(--yellow);background:rgb(var(--yellow-rgb) / .06);font-size:12px}.style-bar{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:10px;font-size:12px}.style-bar span{color:var(--muted)}.style-bar strong{text-align:right}.role-count{padding:4px 9px;border-radius:7px;color:var(--muted);background:rgb(var(--grey-rgb) / .08);font-size:12px;font-weight:700}.role-count--short{color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.role-count--over{color:var(--red);background:rgb(var(--red-rgb) / .1)}.team-needs-block{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.team-needs{color:var(--text)}.team-weaknesses{margin:10px 0}.team-weaknesses ul,.live-priorities .team-weaknesses ul{display:block;margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.45}.team-weakness+.team-weakness{margin-top:4px}.guide-panel{border-left:3px solid var(--role-color, var(--border))}.guide-panel h2{margin-bottom:8px;line-height:1.4}.guide-team{margin-bottom:10px;color:var(--text);font-size:13px;line-height:1.5}.guide-tips,.guide-watch{display:grid;gap:5px;margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.45}.guide-watch-title{margin-top:12px;color:var(--yellow)}.job-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.job-chip{padding:4px 8px;border:1px solid var(--border);border-radius:7px;font-size:11px;font-weight:700;cursor:help}.job-chip--pass{border-color:rgb(var(--green-rgb) / .4);color:var(--green);background:rgb(var(--green-rgb) / .08)}.job-chip--conditional{border-color:rgb(var(--yellow-rgb) / .4);color:var(--yellow);background:rgb(var(--yellow-rgb) / .08)}.job-chip--fail{color:var(--quiet);border-style:dashed}.tank-pair{margin-bottom:10px;font-size:12px;line-height:1.45}.tank-pair span,.guide-jobs span{margin-right:6px;color:var(--quiet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tank-pair--pass{color:var(--green)}.tank-pair--fail{color:var(--red)}.guide-jobs{margin-bottom:8px;font-size:12px;font-weight:700}.guide-research{margin-bottom:10px;color:var(--muted);font-size:12px;font-style:italic;line-height:1.5}.team-member{display:grid;grid-template-columns:minmax(110px,.9fr) auto minmax(0,1.4fr);align-items:center;gap:10px;padding:6px 10px;border-left:3px solid var(--role-color, var(--border));border-radius:6px;background:rgb(var(--grey-rgb) / .05);font-size:12px}.team-member-name{font-weight:700}.team-member-name em{margin-left:6px;color:var(--cyan);font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.team-member-jobs{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.team-member--open{display:block;border-left-style:dashed;color:var(--quiet)}.plan-fit{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.plan-fit--natural{color:var(--green);background:rgb(var(--green-rgb) / .1)}.plan-fit--conditional{color:var(--yellow);background:rgb(var(--yellow-rgb) / .1)}.plan-fit--poor{color:var(--red);background:rgb(var(--red-rgb) / .1)}.team-conflict{margin:4px 0 0;color:var(--yellow);font-size:12px}.pick-field{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.pick-field__head h3{margin:2px 0;font-size:15px}.pick-field__summary{color:var(--muted);font-size:12px}.pick-tier__head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.pick-tier__head h4{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pick-tier--good .pick-tier__head h4{color:var(--green)}.pick-tier--neutral .pick-tier__head h4{color:var(--yellow)}.pick-tier--risky .pick-tier__head h4{color:var(--muted)}.pick-tier__head span{color:var(--quiet);font-size:11px}.pick-tier__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.pick{display:grid;gap:4px;padding:9px 11px;border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:0 10px 10px 0;background:var(--surface);color:var(--text);font:inherit;text-align:left}.pick.role-tank{border-left-color:var(--cyan)}.pick.role-damage{border-left-color:var(--orange)}.pick.role-support{border-left-color:var(--green)}button.pick{cursor:pointer}button.pick:hover,button.pick:focus-visible{border-color:rgb(var(--cyan-rgb) / .45)}.pick__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pick__hero{font-size:13px;font-weight:700}.pick__score{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.pick__why,.pick__risk{font-size:11px;line-height:1.4}.pick__why{color:var(--muted)}.pick__risk{color:var(--quiet)}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:13px}.you-badge{padding:2px 5px;color:var(--cyan);background:var(--cyan-soft)}.source-chip{color:var(--cyan);background:var(--cyan-soft)}.live-coach{--bg: var(--surface)}.live-coach .panel-heading{display:flex;align-items:center}.live-coach .source-chip{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700}.live-coach .style-bars{display:grid;gap:7px;margin-bottom:14px}.live-coach .bar{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.live-coach .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.live-coach .role-counts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.live-coach .team-members{display:grid;gap:4px;margin:0 0 14px;padding:0;list-style:none}.coach-board-button{min-height:32px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-raised);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.live-coach{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.1fr) minmax(0,1.1fr);grid-template-areas:"team priorities priorities" "team shape options";gap:10px;align-items:stretch}.live-shape{grid-area:shape}.live-team{grid-area:team;min-width:0;max-height:calc(100dvh - 275px);overflow-y:auto;border-radius:16px;scrollbar-gutter:stable}.live-team>.team-read{padding:14px;min-height:100%}.live-team .panel-heading{flex-wrap:wrap;gap:6px}.live-team:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.live-priorities,.live-coach>.guide-panel.live-priorities{grid-area:priorities}.live-options{grid-area:options;border-color:var(--cyan)}.live-options--swap{border:2px solid var(--orange);background:linear-gradient(120deg,rgb(var(--orange-rgb) / .12),transparent),var(--surface)}.live-options--swap .source-chip{color:var(--orange)}.live-options--fine{border:2px solid var(--yellow);background:linear-gradient(120deg,rgb(var(--yellow-rgb) / .1),transparent),var(--surface)}.live-options--fine .source-chip{color:var(--yellow)}.live-options--stay{border:2px solid var(--green);background:linear-gradient(120deg,rgb(var(--green-rgb) / .1),transparent),var(--surface)}.live-options--stay .source-chip{color:var(--green)}.live-coach>.data-panel{padding:14px;min-width:0}.live-coach h2{margin-bottom:10px}.live-section-heading,.live-pick-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.live-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.live-pick-heading{flex-wrap:wrap}.live-pick{display:grid;gap:5px;width:100%;padding:8px 12px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-left:3px solid var(--role-color);border-radius:9px;text-align:left;font:inherit}.live-pick:hover{border-color:var(--cyan);background:var(--cyan-soft)}.live-pick-heading strong{font-size:14px}.live-pick-heading>span{color:var(--cyan);font-size:12px;white-space:nowrap}.live-pick>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45}.live-priorities>p:not(.eyebrow),.live-priorities li{font-size:13px;line-height:1.5}.live-priorities ul{padding-left:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:12px 0;color:var(--muted)}.coach-detail-dialog{width:min(980px,calc(100vw - 40px));max-height:calc(100vh - 48px);padding:0;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:16px}.coach-detail-dialog::backdrop{background:#000000a6}.coach-detail-content{padding:20px}.coach-detail-content>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.coach-detail-content>.data-panel{padding:18px}.live-pick-detail{display:grid;gap:12px;font-size:14px;line-height:1.5}.live-pick-detail ul{margin:0;padding-left:20px}.live-coach button:focus-visible,.coach-detail-dialog button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:1000px){.live-coach{grid-template-columns:minmax(200px,1fr) minmax(0,2fr);grid-template-areas:"team priorities" "team shape" "team options"}}@media(max-width:760px){.live-coach{display:flex;flex-direction:column}.live-coach>*{width:100%}.live-options{order:1}.live-priorities{order:2}.live-shape{order:3}.live-team{order:4;max-height:none}.live-priorities ul{grid-template-columns:1fr;gap:8px}}.coach-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.coach-facts>div{min-width:0}.coach-facts dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.coach-facts dd{margin:4px 0 0;min-height:32px;display:flex;align-items:center;font-size:14px}.coach-facts select,.team-member-select{width:100%;min-width:0;min-height:32px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;padding:4px 8px}@media(max-width:760px){.coach-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.team-member-select{max-width:100%;font-weight:600}.team-slot-you{flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);padding:5px 7px;font:inherit;font-size:11px;cursor:pointer}.team-slot-you[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-soft)}.simulator-controls{display:grid;gap:12px}.simulator-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.simulator-actions select{background:var(--surface);color:var(--text);padding:6px;border:1px solid var(--border);border-radius:6px}.simulator-controls progress{width:100%}.live-coach .team-member{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.team-member-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;width:100%}.team-member-row>*{min-width:0}.team-member-player{display:flex;justify-content:center}.team-member-fit{text-align:center}.team-member-fit .plan-fit{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.team-member-row .team-slot-you{width:54px;min-height:32px}.live-coach .team-member-jobs{display:block;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}.role-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px}.role-toggle>span:first-child{font-weight:600;margin-right:4px}.role-toggle button{padding:4px 10px;border:1px solid var(--border, #c9d2de);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.role-toggle button.active{border-color:var(--accent, #3b82f6);font-weight:600}.role-toggle button:disabled{cursor:default}.role-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-picks ol{margin:4px 0 0;padding-left:18px}.role-picks li span{opacity:.7;font-size:.9em}.post-match{display:grid;gap:6px;margin-top:10px}.post-match h3{margin:0}.post-match__result--win{color:var(--success, #1f9d55)}.post-match__result--loss{color:var(--danger, #d64545)}.post-match__stats{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0}.post-match__stats div{display:grid}.post-match__stats dt{font-size:.8em;opacity:.7}.post-match__stats dd{margin:0;font-weight:600}