.admin-shell{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;border-radius:18px;background:#080e1dbf;border:1px solid rgba(108,140,255,.25);box-shadow:0 12px 26px #050a1880}.admin-header-copy{display:flex;flex-direction:column;gap:.2rem}.admin-kicker{margin:0;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#8aa2ffd9;font-weight:700}.admin-title{margin:0;font-size:1.6rem;color:#f4f6fb}.admin-subtitle{margin:0;font-size:.9rem;color:#9da8c5}.admin-nav{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.admin-nav a{text-decoration:none;color:#f4f6fbbf;font-weight:600;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(108,140,255,.2);transition:all .2s ease}.admin-nav a.active{color:#fff;border-color:#8aa2ff99;background:#8aa2ff2e;box-shadow:0 6px 16px #6c8cff33}.admin-main{display:flex;flex-direction:column;gap:1.5rem}.admin-auth{display:flex;justify-content:center;padding:2rem 1rem}.admin-auth__card{width:min(420px,100%);padding:1.5rem;border-radius:16px;background:#0b1121d9;border:1px solid rgba(108,140,255,.25);box-shadow:0 14px 28px #050a1880}.admin-auth__card h2{margin:0 0 .4rem;color:#f4f6fb}.admin-auth__helper{margin:0 0 1rem;color:#9da8c5;font-size:.95rem}.admin-auth__form{display:grid;gap:.8rem}.admin-auth__form label{display:grid;gap:.35rem;color:#c7cfe6;font-size:.85rem}.admin-auth__form input{width:100%;border-radius:10px;border:1px solid rgba(108,140,255,.35);background:#070a14b3;color:#f4f6fb;padding:.55rem .7rem;font-size:.95rem}.admin-auth__form button{margin-top:.4rem;border-radius:999px;border:none;background:#5c78ff;color:#fff;font-weight:600;padding:.6rem 1.1rem;cursor:pointer}.admin-auth__form button:disabled{opacity:.7;cursor:progress}.admin-map-annotator{--panel-bg: rgba(8, 14, 29, .78);--panel-border: rgba(108, 140, 255, .28);--panel-muted: #9da8c5;--accent: #8aa2ff;--accent-strong: #6c8cff;--danger: #ff6b6b;--warning: #ffb347;--text-strong: #f4f6fb;--field-bg: rgba(5, 10, 24, .85);display:flex;flex-direction:column;gap:1.5rem}.admin-map-annotator__actions{display:flex;flex-wrap:wrap;gap:.6rem}.admin-map-annotator__button{padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(138,162,255,.45);background:#6c8cff26;color:var(--text-strong);cursor:pointer;font-weight:600;font-size:.85rem}.admin-map-annotator__button--primary{border-color:#8aa2ffcc;background:linear-gradient(135deg,#8aa2ff73,#6c8cff4d)}.admin-map-annotator__body{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:1.2rem}.admin-map-annotator__panel{display:flex;flex-direction:column;gap:.9rem;padding:1rem;border-radius:16px;background:var(--panel-bg);border:1px solid var(--panel-border);max-height:calc(100vh - 240px);overflow:auto}.admin-map-annotator__panel h3{margin:0;font-size:.95rem;color:var(--text-strong)}.admin-map-annotator__field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--panel-muted)}.admin-map-annotator__field input[type=text]{padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(138,162,255,.3);background:var(--field-bg);color:var(--text-strong);font-size:.85rem}.admin-map-annotator__map-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.6rem;max-height:220px;overflow:auto;padding:.2rem}.admin-map-annotator__map-card{border:1px solid rgba(108,140,255,.25);border-radius:12px;background:#050a18b3;color:var(--text-strong);padding:0;text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:.35rem}.admin-map-annotator__map-card.is-selected{border-color:#ffb347e6;box-shadow:0 0 0 2px #ffb34740}.admin-map-annotator__map-thumb{background:#050a18cc;border-bottom:1px solid rgba(108,140,255,.2);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#f4f6fba6}.admin-map-annotator__map-thumb img{width:100%;height:100%;object-fit:cover}.admin-map-annotator__map-label{padding:0 .35rem .35rem;font-size:.6rem;color:var(--panel-muted)}.admin-map-annotator__field--checkbox{flex-direction:row;align-items:center;gap:.6rem}.admin-map-annotator__modes{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--panel-muted)}.admin-map-annotator__divider{border-top:1px solid rgba(108,140,255,.15);margin:.4rem 0}.admin-map-annotator__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:var(--panel-muted)}.admin-map-annotator__list li{padding:.5rem .65rem;border-radius:10px;background:#050a18b3;border:1px solid rgba(108,140,255,.18);display:flex;justify-content:space-between;align-items:center;gap:.6rem}.admin-map-annotator__list--zones li{justify-content:flex-start}.admin-map-annotator__zone-label{flex:1}.admin-map-annotator__zone-swatches{display:flex;gap:.35rem;flex-wrap:wrap}.admin-map-annotator__zone-swatch{width:26px;height:26px;border-radius:50%;border:1px solid rgba(138,162,255,.5);padding:0;background:#050a1880;overflow:hidden;cursor:pointer}.admin-map-annotator__zone-swatch img{width:100%;height:100%;object-fit:cover;display:block}.admin-map-annotator__list button{border:none;background:transparent;color:var(--danger);cursor:pointer;font-weight:600}.admin-map-annotator__swatches{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0}.admin-map-annotator__swatch{width:46px;height:46px;border-radius:50%;border:2px solid rgba(138,162,255,.5);background:#050a18b3;padding:0;overflow:hidden;position:relative;cursor:pointer}.admin-map-annotator__swatch.is-active{border-color:#ffb347f2;box-shadow:0 0 0 2px #ffb34740}.admin-map-annotator__swatch img{width:100%;height:100%;object-fit:cover;display:block}.admin-map-annotator__swatch-empty{font-size:.75rem;color:var(--panel-muted)}.admin-map-annotator__canvas-panel{display:flex;flex-direction:column;gap:.8rem}.admin-map-annotator__canvas-wrapper{position:relative;border-radius:16px;background:var(--panel-bg);border:1px solid var(--panel-border);padding:.75rem;min-height:360px}.admin-map-annotator__canvas-wrapper canvas{display:block;max-width:100%;height:auto;border-radius:12px;background:#050a1880}.admin-map-annotator__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--panel-muted)}.admin-map-annotator__hint{font-size:.85rem;color:var(--panel-muted)}.admin-map-annotator input[type=range],.admin-map-annotator input[type=checkbox],.admin-map-annotator input[type=radio]{accent-color:var(--accent)}@media (max-width: 1024px){.admin-map-annotator__body{grid-template-columns:1fr}.admin-map-annotator__panel{max-height:none}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f6fb;background-color:#050c1a}*{box-sizing:border-box}body{margin:0;background-color:#050c1a}#root{min-height:100vh}.app{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.app-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.header-copy{display:flex;flex-direction:column;gap:.25rem}.header-copy h1{font-size:1.5rem;margin:0}.header-copy p{margin:0;color:#9da8c5}.header-controls{display:flex;flex-direction:row;gap:.75rem;min-width:280px;align-items:stretch}.header-card{background:#050a18a6;border:1px solid rgba(108,140,255,.25);border-radius:14px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 10px 24px #050a1880;flex:1;min-width:220px}.header-card.winrate-card{gap:.25rem}.header-card.winrate-card .toggle-control{justify-content:space-between}.header-card-heading{display:flex;flex-direction:column;gap:.15rem}.eyebrow{margin:0;color:#8aa2ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.muted{margin:.15rem 0 0;color:#9da8c5}.tournament-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start}.small{font-size:.85rem}.toggle-control{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.toggle-switch{width:48px;height:26px;border-radius:999px;border:1px solid rgba(138,162,255,.4);background:#080e1d99;display:flex;align-items:center;padding:2px;cursor:pointer;transition:all .2s ease}.toggle-switch .toggle-knob{width:20px;height:20px;border-radius:50%;background:#f4f6fb;transition:transform .2s ease,background .2s ease}.toggle-switch.on{background:linear-gradient(135deg,#8aa2ff4d,#6c8cff66);border-color:#8aa2ffbf}.toggle-switch.on .toggle-knob{transform:translate(20px);background:#101936}.toggle-switch:focus-visible{outline:2px solid rgba(138,162,255,.8);outline-offset:2px}.toggle-status{font-size:.85rem;color:#9da8c5}.pill{border:1px solid rgba(108,140,255,.35);background:#080e1dcc;color:#f4f6fb;padding:.4rem .9rem;border-radius:999px;cursor:pointer;transition:all .15s ease;font-weight:600}.pill:hover{border-color:#8aa2ffcc;box-shadow:0 0 0 1px #8aa2ff33}.pill.active{background:linear-gradient(135deg,#8aa2ff33,#6c8cff40);border-color:#8aa2ffb3;box-shadow:0 4px 18px #8aa2ff40;color:#fff}.status-banner{padding:.75rem 1rem;border-radius:12px;background:#8aa2ff1f;border:1px solid rgba(138,162,255,.35);color:#f4f6fb;font-size:.9rem}.status-banner+.status-banner{margin-top:-.5rem}.status-banner.error{background:#ff6b6b1f;border-color:#ff6b6b66;color:#ffb3b3}.status-banner.warning{background:#ffc4571f;border-color:#ffc45766;color:#ffe0a3}.matchup-summary{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1.4rem;background:linear-gradient(135deg,#111b37f2,#0a1224e6);border-radius:16px;border:1px solid rgba(108,140,255,.2);min-height:180px;position:sticky;top:-2rem;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;transition:padding .3s ease}.matchup-summary.collapsed{min-height:0;gap:.1rem;padding-top:.4rem;padding-bottom:1.4rem}.summary-heading-details{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem;max-height:320px;overflow:hidden;opacity:1;transition:max-height .4s ease,opacity .3s ease}.matchup-summary.collapsed .summary-heading-details{max-height:0;opacity:0;margin-top:0}.summary-body{margin-top:.35rem;max-height:1600px;overflow:hidden;transition:max-height .45s ease,opacity .3s ease,margin-top .3s ease}.summary-grid{transition:opacity .3s ease}.matchup-summary.collapsed .summary-body{max-height:0;opacity:0;margin-top:0;pointer-events:none}.matchup-summary.collapsed .summary-grid{opacity:0}.summary-heading{display:flex;flex-direction:column;gap:.35rem}.summary-heading h2{margin:0;font-size:1.2rem}.summary-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.summary-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.6fr) minmax(280px,.8fr);gap:1rem;align-items:stretch}@media (max-width: 1080px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.summary-collapse-handle{position:absolute;right:1.4rem;bottom:-1px;transform:translateY(50%);border:none;padding:0;background:transparent;cursor:pointer;transition:transform .25s ease,opacity .25s ease;display:inline-flex;align-items:center;justify-content:center;z-index:1}.summary-collapse-handle:hover{transform:translateY(50%) scale(1.03)}.summary-collapse-handle:focus-visible{outline:2px solid rgba(138,162,255,.6);outline-offset:6px}.summary-collapse-indicator{width:30px;height:30px;border-radius:18px 18px 24px 24px;border:1px solid rgba(138,162,255,.35);background:linear-gradient(180deg,#090f20f2,#060b18d9);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #050a188c}.summary-collapse-indicator svg{width:16px;height:16px;stroke:#f4f6fbb3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .3s ease}.summary-collapse-handle.collapsed .summary-collapse-indicator svg{transform:rotate(180deg)}.hero-summary-card,.matchup-center-card{padding:.9rem 1rem;border-radius:14px;background:#080e1dd9;border:1px solid rgba(108,140,255,.2);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 26px #03071273;height:100%}.hero-summary-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#080e1deb,#060a17e6);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hero-summary-card:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-image:var(--hero-cardback);background-size:cover;background-position:center;opacity:.18;filter:blur(10px);transform:scale(1.05);z-index:0}.hero-summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#050915db,#070c1ae6);z-index:0}.hero-summary-card:hover{border-color:#8aa2ff73;box-shadow:0 12px 32px #050a188c;transform:translateY(-1px)}.hero-summary-card>*{position:relative;z-index:1}.matchup-center-card{background:#0c132ad9;display:grid;grid-template-rows:auto 1fr}.matchup-center-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.matchup-center-meta{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:180px}.matchup-map-chip{display:flex;align-items:center;gap:.55rem;padding:.35rem .6rem;border-radius:14px;background:#050a18bf;border:1px solid rgba(108,140,255,.35);flex-shrink:0;min-width:0}.matchup-map-chip-empty{opacity:.6}.matchup-map-thumb{width:60px;height:38px;border-radius:8px;overflow:hidden;background:#080e1de6;border:1px solid rgba(108,140,255,.2);flex-shrink:0}.matchup-map-thumb img{width:100%;height:100%;object-fit:cover;display:block}.matchup-map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9da8c5;font-size:.7rem;padding:.25rem;text-align:center}.matchup-map-meta{display:flex;flex-direction:column;gap:.1rem}.map-chip-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5d9}.map-chip-name{font-size:.85rem;font-weight:600}.hero-summary-header{display:flex;gap:.75rem;align-items:center;justify-content:flex-start;flex-wrap:wrap;row-gap:.45rem}.hero-chip{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#050a18cc;border:1px solid rgba(108,140,255,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #050a1859}.hero-chip img{width:100%;height:100%;object-fit:cover;display:block}.hero-chip span{font-weight:700;color:#c8cfe6;font-size:1.1rem}.hero-summary-title{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.hero-summary-label{margin:0;color:#8aa2ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.hero-summary-name{margin:.1rem 0 0;font-size:1.1rem;line-height:1.25}.hero-summary-caption{margin:0;font-size:.85rem;color:#9da8c5e0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-focus-pill{border:1px solid rgba(138,162,255,.4);background:#0c132aa6;border-radius:12px;padding:.45rem .65rem;display:flex;flex-direction:column;gap:.15rem;min-width:120px;align-self:flex-start;text-align:left;margin-left:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-focus-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#9da8c5d9}.hero-focus-value{font-weight:700}.hero-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.35rem;align-items:stretch}.hero-summary-stats-condensed{gap:.6rem}.hero-summary-tiles{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.hero-stat{--hero-stat-accent: #8aa2ff;--hero-stat-accent-soft: rgba(138, 162, 255, .18);--hero-stat-accent-strong: rgba(138, 162, 255, .5);--hero-stat-accent-fade: rgba(138, 162, 255, .12);--hero-stat-border: rgba(138, 162, 255, .22);display:flex;flex-direction:column;gap:.1rem}.hero-stat-roster{--hero-stat-accent: #4de3ff;--hero-stat-accent-soft: rgba(77, 227, 255, .18);--hero-stat-accent-strong: rgba(77, 227, 255, .48);--hero-stat-accent-fade: rgba(77, 227, 255, .12);--hero-stat-border: rgba(77, 227, 255, .42)}.hero-stat-global{--hero-stat-accent: #c88aff;--hero-stat-accent-soft: rgba(200, 138, 255, .16);--hero-stat-accent-strong: rgba(200, 138, 255, .45);--hero-stat-accent-fade: rgba(200, 138, 255, .12);--hero-stat-border: rgba(200, 138, 255, .4)}.hero-stat-label{color:color-mix(in srgb,var(--hero-stat-accent),rgba(157,168,197,.82));text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.hero-stat-value{color:#f4f6fb;font-weight:600;font-size:.95rem}.hero-stat-subvalue{margin:.05rem 0 .1rem;color:color-mix(in srgb,var(--hero-stat-accent),rgba(157,168,197,.75));font-size:.75rem}.hero-stat-tile{border:1px solid var(--hero-stat-border);background:linear-gradient(135deg,#050a18c7,#060b18cc),radial-gradient(circle at 16% 18%,var(--hero-stat-accent-fade),transparent 42%),radial-gradient(circle at 84% 82%,var(--hero-stat-accent-soft),transparent 48%);border-radius:12px;padding:.55rem .65rem;gap:.3rem;box-shadow:0 4px 14px color-mix(in srgb,var(--hero-stat-accent-fade),rgba(5,10,24,.4))}.hero-stat-chip{border:1px solid var(--hero-stat-accent-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--hero-stat-accent) 26%,rgba(5,10,24,0)),color-mix(in srgb,var(--hero-stat-accent) 18%,rgba(16,25,54,.65)));border-radius:999px;padding:.12rem .65rem;font-size:.82rem;font-weight:700;box-shadow:0 2px 10px color-mix(in srgb,var(--hero-stat-accent-strong),rgba(8,14,29,.14))}.hero-meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;align-items:stretch}.hero-meta-row-chips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-meta-chip{border:1px solid rgba(138,162,255,.25);background:#050a18b3;border-radius:10px;padding:.45rem .6rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 3px 14px #050a1847}.hero-meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5d9}.hero-meta-value{font-size:.9rem;font-weight:600}.matchup-columns{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:stretch}.matchup-columns.dual{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.matchup-columns.dual{grid-template-columns:1fr}}.matchup-compact{--matchup-accent-color: #6c8cff;--matchup-accent-soft: rgba(108, 140, 255, .18);--matchup-accent-strong: rgba(108, 140, 255, .3);--matchup-accent-fade: rgba(108, 140, 255, .12);display:grid;grid-template-rows:auto 1fr;gap:.65rem;height:100%}.matchup-variant-roster{--matchup-accent-color: #4de3ff;--matchup-accent-soft: rgba(77, 227, 255, .22);--matchup-accent-strong: rgba(77, 227, 255, .45);--matchup-accent-fade: rgba(77, 227, 255, .14)}.matchup-variant-global{--matchup-accent-color: #c88aff;--matchup-accent-soft: rgba(200, 138, 255, .22);--matchup-accent-strong: rgba(200, 138, 255, .42);--matchup-accent-fade: rgba(200, 138, 255, .16)}.overall-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--matchup-accent-strong);border-radius:12px;background:linear-gradient(135deg,#090f20cc,#070c1ac7),radial-gradient(circle at 16% 18%,var(--matchup-accent-fade),transparent 40%),radial-gradient(circle at 84% 82%,var(--matchup-accent-soft),transparent 46%);box-shadow:0 6px 20px #050a1873}.overall-context{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.2rem}.overall-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:var(--matchup-accent-color);text-shadow:0 0 10px color-mix(in srgb,var(--matchup-accent-color),transparent 60%)}.overall-matchup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:0 auto;width:100%}.overall-heroes{--overall-axis-width: 42px;display:grid;grid-template-columns:minmax(0,1fr) var(--overall-axis-width) minmax(0,1fr);align-items:center;column-gap:.35rem;row-gap:.15rem;font-weight:600;font-size:.95rem;color:#d7dcf0}.overall-heroes>span{min-width:0;display:block}.overall-heroes>span:first-child{text-align:right}.overall-heroes>span:last-child{text-align:left}.overall-axis{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--matchup-accent-color);position:relative;padding:.15rem 0;width:var(--overall-axis-width);min-width:var(--overall-axis-width);justify-self:center}.overall-axis:before{content:"";width:1px;flex:1;background:var(--matchup-accent-fade);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.overall-axis span{position:relative;padding:.05rem .25rem;background:#0c132af2;border-radius:999px;border:1px solid var(--matchup-accent-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--matchup-accent-fade),transparent 55%)}.overall-metrics{display:flex;gap:.9rem;align-items:center;justify-content:center;flex-wrap:nowrap;width:fit-content;max-width:100%;margin:0 auto;font-size:.85rem}.overall-metric{display:flex;align-items:baseline;gap:.35rem;min-width:0}.metric-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--matchup-accent-color),rgba(157,168,197,.75))}.metric-value{font-weight:600;font-size:1rem}.metric-emphasis .metric-value{font-size:1.65rem;line-height:1;color:var(--matchup-accent-color)}.metric-emphasis .metric-label{color:color-mix(in srgb,var(--matchup-accent-color),rgba(237,241,255,.6))}.advantage-grid{display:flex;flex-direction:column;gap:.65rem}.advantage-row{border:1px solid var(--matchup-accent-strong);border-radius:14px;background:linear-gradient(135deg,#070c1cd9,#060a18d1),linear-gradient(135deg,var(--matchup-accent-fade),rgba(7,12,28,.9));padding:.65rem .75rem;display:flex;flex-direction:column;gap:.45rem}.advantage-row-muted{opacity:.75}.advantage-row-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.advantage-role{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--matchup-accent-color),rgba(157,168,197,.8))}.advantage-badge{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .65rem;border-radius:999px;border:1px solid rgba(157,168,197,.35);color:#d7dcf0f2}.advantage-badge-left{background:#8aa2ff26;border-color:#8aa2ff80}.advantage-badge-right{background:#ff8ac226;border-color:#ff8ac28c}.advantage-badge-neutral{background:#9da8c51f;border-color:#9da8c559}.advantage-axis{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem}.matchup-columns:not(.dual) .advantage-axis{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.advantage-hero{font-size:.85rem;font-weight:600;color:#d7dcf0;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.advantage-hero-left{text-align:right}.advantage-hero-right{text-align:left}.advantage-meter{--advantage-meter-width: clamp(110px, 20vw, 160px);width:var(--advantage-meter-width);height:20px;border-radius:999px;border:1px solid var(--matchup-accent-strong);background:var( --advantage-meter-fill, linear-gradient( 90deg, color-mix(in srgb, var(--matchup-accent-fade), rgba(138, 162, 255, .14)) 0%, rgba(138, 162, 255, .12) 50%, color-mix(in srgb, var(--matchup-accent-fade), rgba(255, 138, 194, .2)) 100% ) );position:relative;overflow:hidden;justify-self:center}.matchup-columns:not(.dual) .advantage-meter{--advantage-meter-width: 100%;width:100%;max-width:none;justify-self:stretch}.advantage-meter:after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:var(--matchup-accent-strong);transform:translate(-50%)}.advantage-indicator{position:absolute;top:50%;left:clamp(9px,var(--advantage-indicator-position, 50%),calc(100% - 9px));width:18px;height:18px;border-radius:999px;background:var( --advantage-indicator-gradient, linear-gradient(135deg, rgba(215, 220, 240, .4), rgba(215, 220, 240, .95)) );border:2px solid rgba(9,13,28,.95);transform:translate(-50%,-50%);box-shadow:var( --advantage-indicator-glow, 0 4px 10px rgba(8, 14, 29, .45) );transition:left .25s ease,background .25s ease}.advantage-row.advantage-left .advantage-indicator{--advantage-indicator-gradient: linear-gradient(135deg, rgba(110, 134, 255, .4), rgba(138, 162, 255, .95));--advantage-indicator-glow: 0 4px 10px rgba(8, 14, 29, .45), 0 0 18px rgba(138, 162, 255, .5)}.advantage-row.advantage-right .advantage-indicator{--advantage-indicator-gradient: linear-gradient(45deg, rgba(255, 138, 194, .4), rgba(255, 138, 194, .95));--advantage-indicator-glow: 0 4px 10px rgba(8, 14, 29, .45), 0 0 18px rgba(255, 138, 194, .5)}.advantage-row.advantage-neutral .advantage-indicator{--advantage-indicator-gradient: linear-gradient(135deg, rgba(215, 220, 240, .4), rgba(215, 220, 240, .95));--advantage-indicator-glow: 0 4px 10px rgba(8, 14, 29, .45), 0 0 14px rgba(215, 220, 240, .4)}.role-split{display:flex;flex-wrap:wrap;gap:.35rem}.role-split-compact{gap:.25rem}.role-split-inline{margin-top:.35rem}.role-split-compact .role-pill{padding:.15rem .4rem;min-width:0}.role-pill{display:flex;flex-direction:column;gap:.05rem;padding:.2rem .55rem;border-radius:10px;border:1px solid rgba(138,162,255,.35);background:#080e1da6;min-width:120px}.hero-stat-roster .role-pill,.hero-stat-global .role-pill{border-color:color-mix(in srgb,var(--hero-stat-accent),rgba(138,162,255,.4));background:color-mix(in srgb,var(--hero-stat-accent-fade),rgba(8,14,29,.7));box-shadow:0 0 0 1px color-mix(in srgb,var(--hero-stat-accent-soft),transparent 55%)}.role-pill.leader{border-color:#8aa2ff8c}.role-pill.follower{border-color:#94ffc966}.role-pill.preferred{box-shadow:0 0 12px #8aa2ff40}.hero-stat-roster .role-pill.preferred,.hero-stat-global .role-pill.preferred{box-shadow:0 0 12px color-mix(in srgb,var(--hero-stat-accent-strong),rgba(8,14,29,.15))}.role-pill.muted{opacity:.6}.role-pill-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5d9}.hero-stat-roster .role-pill-label,.hero-stat-global .role-pill-label{color:color-mix(in srgb,var(--hero-stat-accent),rgba(157,168,197,.85))}.hero-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-heading{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.65rem}.section-heading h2,.section-heading h3,.section-heading h4{margin:0;line-height:1.15}.section-heading p{margin:0;color:#9da8c5e0}.section-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.section-heading-kpi{font-size:1.05rem;font-weight:700;color:#f4f6fb}.pill-group{display:flex;flex-wrap:wrap;gap:.4rem}.search-input{width:100%;border-radius:12px;border:1px solid rgba(108,140,255,.3);background:#060b18d9;color:#f4f6fb;padding:.5rem .75rem;font-size:.95rem;transition:border .15s ease,box-shadow .15s ease}.search-input::placeholder{color:#9da8c5b3}.search-input:focus-visible{outline:2px solid rgba(138,162,255,.55);outline-offset:2px;border-color:#8aa2ff99;box-shadow:0 0 0 2px #8aa2ff26}.hero-explorer-body,.maps-body{display:flex;align-items:flex-start;gap:1.5rem}.hero-selector-panel,.map-selector-panel{min-width:260px;max-width:320px;background:#080f20b3;border:1px solid rgba(108,140,255,.25);border-radius:16px;padding:1rem;position:sticky;top:1rem;max-height:calc(100vh - 3rem);overflow:auto}.map-selector-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.map-selector-item{width:100%;text-align:left;border:1px solid rgba(138,162,255,.25);background:#050915b3;color:#f4f6fb;padding:.4rem .55rem;border-radius:10px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.55rem;cursor:pointer;transition:border .15s ease,background .15s ease}.map-selector-item.active,.map-selector-item:hover{border-color:#8aa2ff99;background:#0a1023e6}.map-selector-thumb{width:44px;height:34px;border-radius:6px;overflow:hidden;background:#0e121ae6;border:1px solid rgba(108,140,255,.25);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#9da8c5cc}.map-selector-thumb img{width:100%;height:100%;object-fit:cover;display:block}.map-selector-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-detail-panel{flex:1;display:flex;flex-direction:column;gap:1.25rem}.maps-page .map-detail-panel .map-overlay-canvas{width:min(100%,1100px);margin:0 auto}.hero-selector-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.hero-selector-item{width:100%;text-align:left;border:1px solid rgba(138,162,255,.25);background:#050915b3;color:#f4f6fb;padding:.4rem .6rem;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:.3rem;cursor:pointer;transition:border .15s ease,background .15s ease}.hero-selector-item.active,.hero-selector-item:hover{border-color:#8aa2ff99;background:#0a1023e6}.hero-selector-name{font-weight:600}.hero-selector-summary{font-size:.8rem;color:#9da8c5e6}.hero-detail-panel{flex:1;display:flex;flex-direction:column;gap:1.25rem}.hero-explorer-summary{display:grid;grid-template-columns:minmax(240px,280px) minmax(480px,1.6fr);gap:1.5rem;align-items:start}.hero-summary-card.hero-explorer-summary{overflow:visible}.hero-summary-left{display:flex;flex-direction:column;gap:.9rem}.hero-summary-main{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.hero-profile-name-section h4{margin-bottom:.2rem}.hero-profile-name{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:.01em;color:#f4f6fbf5}.hero-portrait{width:200px;max-width:100%;aspect-ratio:.72;border-radius:18px;overflow:hidden;background:#050a18cc;border:1px solid rgba(108,140,255,.35);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem;color:#f4f6fbd9;box-shadow:0 10px 24px #050a1873}.hero-portrait img{width:100%;height:100%;object-fit:cover;display:block}.hero-profile-stack{display:flex;flex-direction:column;gap:.85rem}.hero-profile-stack h4{margin:0 0 .35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5d9}.hero-profile-text{margin:0;font-size:.9rem;color:#f4f6fbeb;line-height:1.4}.hero-trait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.hero-trait{padding:.4rem .5rem;border-radius:12px;border:none;background:#070c1a99;display:flex;flex-direction:column;gap:.1rem}.hero-trait-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5bf}.hero-trait-value{font-weight:600;font-size:.95rem}.hero-sidekick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.hero-sidekick-list li{display:grid;grid-template-columns:auto 1fr;gap:.45rem;align-items:center;padding:.35rem .5rem;border-radius:10px;border:none;background:transparent}.hero-sidekick-stack{display:flex;align-items:center;padding-right:.2rem}.hero-sidekick-stack .hero-sidekick-icon+.hero-sidekick-icon{margin-left:-10px}.hero-sidekick-icon{width:34px;height:34px;border-radius:10px;overflow:hidden;background:#050a18cc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;color:#f4f6fbd9;box-shadow:0 0 0 2px #070c1ab3}.hero-sidekick-icon img{width:100%;height:100%;object-fit:cover;display:block}.hero-sidekick-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hero-sidekick-name{font-weight:600}.hero-sidekick-stats{font-size:.75rem;color:#9da8c5d9}.hero-deck-section{display:flex;flex-direction:column;gap:.85rem;margin-top:.35rem}.hero-deck-grid{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-start;justify-content:flex-start}.hero-deck-card{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0;border-radius:18px;border:none;background:transparent;box-shadow:none;transition:transform .15s ease;transform-origin:center}.hero-deck-card:hover{transform:translateY(-2px) scale(1.125);z-index:1}.hero-deck-art{position:relative;width:180px;aspect-ratio:.72;border-radius:16px;overflow:hidden;background:#050a18cc;border:1px solid rgba(108,140,255,.3);display:flex;align-items:center;justify-content:center}.hero-deck-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-deck-art-placeholder{font-size:.9rem;text-align:center;padding:.4rem;color:#9da8c5d9}.hero-deck-count{position:absolute;top:8px;right:8px;padding:.3rem .6rem;border-radius:999px;background:#0c1226d9;border:1px solid rgba(108,140,255,.45);font-size:.8rem;font-weight:600}@media (max-width: 1200px){.hero-explorer-summary{grid-template-columns:minmax(220px,260px) 1fr}}@media (max-width: 900px){.hero-explorer-summary{grid-template-columns:1fr}.hero-trait-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hero-portrait{width:min(240px,100%)}}.hero-dashboard{display:flex;flex-direction:column;gap:.75rem}.hero-dashboard-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.hero-dashboard-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#9da8c5d9}.hero-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dashboard-card{min-height:280px}.hero-explorer-card{background:#050a18bf;border:1px solid rgba(108,140,255,.25);border-radius:18px;padding:1rem 1.25rem;box-shadow:0 10px 24px #050a1873}.dashboard-footnote{margin-top:.5rem;font-size:.85rem;color:#9da8c5d9}.line-trend-chart{display:flex;flex-direction:column;gap:.75rem}.trend-chart-canvas{position:relative}.line-trend-chart svg{width:100%;height:220px;border-radius:16px;border:1px solid rgba(138,162,255,.16);background:radial-gradient(circle at 20% 20%,#121c3a99,#060a16e6);box-shadow:inset 0 0 30px #050a18b3}.trend-chart-surface{fill:#0c142859;stroke:#8aa2ff14;stroke-width:1}.trend-grid-line{stroke:#8aa2ff1f;stroke-width:1;stroke-dasharray:4 6}.trend-volume-bar{fill:#8aa2ff24}.trend-area{fill:url(#trendAreaGradient);stroke:none}.trend-line-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(120,205,255,.25))}.trend-active-line{stroke:#94ffc966;stroke-width:1.5}.trend-line-point{fill:#94ffc966;stroke:#050c1ad9;stroke-width:1.5;opacity:.35;transition:r .15s ease,fill .2s ease,opacity .2s ease}.trend-line-point.active{opacity:1;fill:#94ffc9f2;stroke-width:2.5;stroke:#f4f6fbd9}.trend-line-point.tone-positive{fill:#7fffd4}.trend-line-point.tone-negative{fill:#ff8a8a}.trend-tooltip{position:absolute;transform:translate(-50%,-125%);background:linear-gradient(135deg,#0c1228f2,#070c1af2);border:1px solid rgba(138,162,255,.4);border-radius:12px;padding:.5rem .75rem;min-width:140px;pointer-events:none;box-shadow:0 12px 30px #050a1880;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.trend-tooltip-label{margin:0;font-size:.75rem;color:#9da8c5d9}.trend-tooltip-value{margin:.15rem 0 0;font-size:1.1rem;font-weight:600;color:#f4f6fb}.trend-tooltip-annotation{margin:.1rem 0 0;font-size:.75rem;color:#9da8c5bf}.hero-placeholder{padding:2rem;border:1px dashed rgba(138,162,255,.3);border-radius:18px;text-align:center;color:#9da8c5d9}.app-shell{min-height:100vh;display:flex;flex-direction:column}.primary-nav{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;background:#050a18d9;border-bottom:1px solid rgba(108,140,255,.25);box-shadow:0 6px 18px #050a1873}.nav-brand{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9da8c5d9}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{color:#f4f6fbbf;text-decoration:none;font-weight:600;padding:.35rem .8rem;border-radius:999px;border:1px solid transparent;transition:all .2s ease}.nav-links a.active{border-color:#8aa2ff80;background:#8aa2ff26;color:#fff}.app-main{flex:1}.role-pill-value{font-size:.85rem;font-weight:600}.role-split-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem}.role-split-inline .role-pill{min-width:0}.swap-button{border-radius:10px;border:1px solid rgba(138,162,255,.6);background:#8aa2ff26;color:#f4f6fb;padding:.5rem .75rem;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.swap-button:hover:not(:disabled),.swap-button:focus-visible:not(:disabled){transform:translateY(-1px);border-color:#8aa2ffe6;outline:none}.swap-button.secondary{background:#7288d614;border-color:#7288d673;color:#d4ddff}.swap-button.secondary:hover:not(:disabled),.swap-button.secondary:focus-visible:not(:disabled){border-color:#8aa2ffcc}.swap-button:disabled{cursor:not-allowed;opacity:.55}.sort-control{font-weight:600}.summary-actions{display:flex;gap:.5rem;align-items:center}.summary-placeholder{color:#9da8c5;font-style:italic}.matchup-selectors{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;background:#080e1de6;border-radius:18px;border:1px solid rgba(108,140,255,.2)}.selectors-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem}.selectors-title{display:flex;flex-direction:column;gap:.25rem}.selectors-title h2{margin:0;font-size:1.05rem;letter-spacing:.02em}.selectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:#080e1de6;border-radius:18px;border:1px solid rgba(108,140,255,.1);display:flex;flex-direction:column;overflow:hidden;min-height:60vh}.panel-header{padding:1rem;border-bottom:1px solid rgba(108,140,255,.15);display:flex;flex-direction:column;gap:.5rem}.panel-header h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:#8aa2ff}.search-box{position:relative}.search-box input{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(108,140,255,.3);background:#050a18e6;color:#f4f6fb}.card-grid{flex:1;overflow:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;align-content:flex-start;align-items:flex-start;justify-items:stretch}.card{border:1px solid rgba(108,140,255,.2);background:#0d1429d9;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;min-height:90px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease;color:#f4f6fb;text-align:left}.card:hover{border-color:#6c8cffb3;transform:translateY(-2px)}.card.selected{border-color:#8aa2ff;box-shadow:0 0 12px #8aa2ff40;background:#151f3ff2}.card-title{font-size:.95rem;font-weight:600}.card-metric{font-size:.9rem;font-weight:600;color:#8aa2ff;padding:.15rem .6rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#8aa2ff26;box-shadow:0 0 0 1px #8aa2ff59;align-self:flex-start}.card-subtitle{font-size:.8rem;color:#9da8c5;line-height:1.35}.card-thumb{width:100%;border-radius:10px;overflow:hidden;background:#050a1899;display:flex;align-items:center;justify-content:center}.card-thumb.hero-thumb{aspect-ratio:3 / 4}.card.hero-card{min-height:180px}.card.map-card{min-height:0;gap:.5rem;padding:.5rem}.map-card-grid .card{min-height:0}.card-thumb.map-thumb{aspect-ratio:21 / 9}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.card-thumb-placeholder{padding:.5rem;text-align:center;font-size:.85rem;color:#9da8c5}.card-body{display:flex;flex-direction:column;gap:.2rem;text-align:left;align-items:flex-start}.card-title-row{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.hero-card .card-body{gap:.25rem}.hero-card .card-title{font-size:.9rem}.card.no-matchup{border-color:#6e7c9e8c;background:#0e121ce6;opacity:.85;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.card.no-matchup:hover,.card.no-matchup:focus-visible{opacity:1;border-color:#a8b6d6bf;transform:translateY(-1px)}.card.no-matchup .card-thumb img{filter:grayscale(.85) brightness(.8)}.card.no-matchup .card-title,.card.no-matchup .card-subtitle{color:#d6dbedbf}.hero-card.no-matchup .winrate-meter{--meter-dot-color: rgba(148, 159, 190, .8);--meter-track-color: rgba(120, 130, 160, .16);--meter-fill-gradient: linear-gradient(90deg, rgba(135, 146, 182, .7), rgba(120, 132, 170, .7));--meter-value-color: rgba(198, 206, 232, .85);--meter-label-color: rgba(148, 159, 190, .8);--meter-sample-color: rgba(148, 159, 190, .7)}.card-subtitle{font-size:.75rem;color:#9da8c5;line-height:1.3}.hero-card-meters{margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(108,140,255,.15);display:flex;flex-direction:column;gap:.45rem;width:100%}.winrate-meter{--meter-dot-color: #4de3ff;--meter-track-color: rgba(108, 140, 255, .15);--meter-fill-gradient: linear-gradient(90deg, #6c8cff, #4de3ff);--meter-value-color: #f5f7ff;--meter-label-color: rgba(157, 168, 197, .85);--meter-sample-color: rgba(157, 168, 197, .85);display:flex;flex-direction:column;gap:.2rem}.winrate-meter.primary{--meter-dot-color: #4de3ff;--meter-track-color: rgba(77, 227, 255, .14);--meter-fill-gradient: linear-gradient(90deg, #5cb4ff, #4de3ff);--meter-value-color: #e6fbff;--meter-label-color: rgba(141, 227, 255, .95);--meter-sample-color: rgba(141, 227, 255, .65)}.winrate-meter.secondary{--meter-dot-color: #c88aff;--meter-track-color: rgba(200, 138, 255, .14);--meter-fill-gradient: linear-gradient(90deg, #c48fff, #ff8fd1);--meter-value-color: #ffeefe;--meter-label-color: rgba(255, 198, 255, .95);--meter-sample-color: rgba(255, 198, 255, .65)}.winrate-meter .meter-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.winrate-meter .meter-label{font-size:.65rem;color:var(--meter-label-color);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem}.winrate-meter .meter-dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--meter-dot-color);box-shadow:0 0 6px var(--meter-dot-color)}.winrate-meter .meter-value{font-size:.85rem;color:var(--meter-value-color)}.meter-track{position:relative;width:100%;height:.5rem;border-radius:999px;background:var(--meter-track-color);overflow:hidden}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--meter-fill-gradient);transition:width .3s ease}.winrate-meter.empty .meter-fill{opacity:.3}.meter-sample{font-size:.65rem;color:var(--meter-sample-color)}.card-baseline{width:100%;border-top:1px solid rgba(108,140,255,.15);margin-top:.35rem;padding-top:.35rem;display:flex;flex-direction:column;gap:.2rem}.baseline-block{display:flex;flex-direction:column;gap:.15rem}.baseline-row{display:flex;justify-content:space-between;font-size:.75rem}.baseline-label{color:#9da8c5d9;text-transform:uppercase;letter-spacing:.05em}.baseline-value{color:#f4f6fb;font-weight:600}.placeholder{color:#9da8c5;font-style:italic}.map-overlay-page{display:flex;flex-direction:column;gap:16px}.map-overlay-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.map-overlay-header h1{margin:0 0 6px}.map-overlay-header p{margin:0;color:#b0b7c3}.map-overlay-header button{align-self:flex-start}.map-overlay-error{color:#ffb4b4}.map-overlay-canvas{position:relative;border-radius:16px;overflow:hidden;background:#0e121a;border:1px solid #1f2633;padding:12px}.map-overlay-canvas img{width:100%;height:auto;display:block}.map-overlay-placeholder{padding:48px 32px;text-align:center;color:#b0b7c3;border:1px dashed #2a3343;border-radius:12px}.map-overlay-svg{position:absolute;top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px);pointer-events:none}.map-overlay-edges line{stroke:#fff9;stroke-width:3}.map-overlay-edges{color:#fff9}.map-overlay-zone{pointer-events:auto;cursor:pointer}.map-overlay-zone circle{fill:#1f5eff99;stroke:#fff;stroke-width:2}.map-overlay-svg--labels-only .map-overlay-zone circle{fill:transparent;stroke:transparent;stroke-width:0}.map-overlay-zone.is-active circle{fill:#ffffff1f;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 12px rgba(255,255,255,.6));animation:map-overlay-active-pulse 1.6s ease-in-out infinite}@keyframes map-overlay-active-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.map-overlay-zone text{font-size:62px;fill:#fff;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#0b0f14e6;stroke-width:3px;stroke-linejoin:round}.matchup-lab{background:radial-gradient(circle at top,rgba(30,58,138,.3),transparent 55%),radial-gradient(circle at 80% 20%,rgba(6,95,70,.2),transparent 50%)}.matchup-lab-controls{display:flex;gap:.75rem}.barsenal-stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.barsenal-step{border:1px solid rgba(108,140,255,.25);background:#080e1db3;border-radius:14px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.2rem;color:#c7cfe6;text-align:left;cursor:pointer}.barsenal-step.is-active{border-color:#78cbff99;box-shadow:0 8px 18px #1420388c;color:#fff}.barsenal-step.is-disabled{opacity:.5;cursor:not-allowed}.barsenal-step-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.barsenal-step-desc{font-size:.95rem;font-weight:600}.matchup-lab-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.matchup-lab-main{display:flex;flex-direction:column;gap:1.25rem}.barsenal-sidebar-tabs{width:100%;justify-content:space-between}.barsenal-sidebar-tabs button{flex:1}.barsenal-insights-panel{display:flex;flex-direction:column;gap:.75rem}.barsenal-insights-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#c7cfe6}.barsenal-insights{display:flex;flex-direction:column;gap:1rem}.barsenal-insights-section{border-radius:14px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.barsenal-insights-section h4{margin:0}.barsenal-insights-list{display:grid;gap:.5rem}.barsenal-insights-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;border-radius:12px;border:1px solid rgba(108,140,255,.15);background:#080e1da6;padding:.5rem .6rem}.barsenal-insights-item-main{display:flex;align-items:center;gap:.6rem}.barsenal-insights-item-title{font-weight:600}.barsenal-insights-item-meta{font-size:.8rem;color:#c7cfe6}.barsenal-insights-item-why{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:#9da8c5}.barsenal-insights-matchup{border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#080e1db3;padding:.6rem;display:flex;flex-direction:column;gap:.3rem}.barsenal-stage{background:#080e1dbf;border:1px solid rgba(108,140,255,.25);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 14px 30px #050a1880}.barsenal-stage-header{display:flex;flex-direction:column;gap:.35rem}.barsenal-stage-header h2{margin:0}.barsenal-leader-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.barsenal-side-card{border:1px solid rgba(108,140,255,.25);background:#060c18b3;border-radius:14px;padding:1rem;text-align:left;cursor:pointer;color:#f4f6fb}.barsenal-side-card.is-active{border-color:#78cbffb3;box-shadow:0 0 20px #78cbff33}.barsenal-side-card.is-you:hover,.barsenal-side-card.is-you.is-active{border-color:#50a0ffd9;box-shadow:0 0 20px #50a0ff59}.barsenal-side-card.is-opponent:hover,.barsenal-side-card.is-opponent.is-active{border-color:#ff7878d9;box-shadow:0 0 20px #ff78784d}.barsenal-leader-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.barsenal-leader-actions button{border-radius:999px;border:none;background:#5c78ff;color:#fff;font-weight:600;padding:.55rem 1rem;cursor:pointer}.barsenal-leader-status{font-weight:600}.barsenal-footer{display:flex;flex-wrap:wrap;gap:.75rem}.barsenal-primary{border-radius:999px;border:none;background:#41b0ff;color:#020b16;font-weight:700;padding:.6rem 1.2rem;cursor:pointer}.barsenal-primary:disabled{opacity:.5;cursor:not-allowed}.barsenal-secondary{border-radius:999px;border:1px solid rgba(108,140,255,.4);background:transparent;color:#c7cfe6;font-weight:600;padding:.55rem 1.1rem;cursor:pointer}.barsenal-toggle{display:inline-flex;gap:.5rem;background:#050a1499;padding:.35rem;border-radius:999px;border:1px solid rgba(108,140,255,.2)}.barsenal-toggle button{border:none;background:transparent;color:#c7cfe6;padding:.35rem .75rem;border-radius:999px;cursor:pointer}.barsenal-toggle button.is-active{background:#78cbff40;color:#fff}.barsenal-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.barsenal-mirror-bans{border-radius:16px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.barsenal-mirror-bans-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.barsenal-mirror-bans-header h4{margin:0}.barsenal-mirror-rounds{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.barsenal-mirror-round{display:flex;align-items:center;gap:.6rem}.barsenal-mirror-round.is-separated{border-left:1px solid rgba(108,140,255,.2);padding-left:.75rem}.barsenal-mirror-round-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9da8c5}.barsenal-roster-card{border-radius:16px;background:#060c18b3;border:1px solid rgba(108,140,255,.2);padding:1rem}.barsenal-roster{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.barsenal-roster--large{display:block;overflow:visible;padding-bottom:0}.barsenal-roster .barsenal-hero-mini-card{flex:0 0 auto}.barsenal-roster-item{padding:.45rem .6rem;border-radius:10px;background:#0f182db3;border:1px solid rgba(108,140,255,.15)}.barsenal-round-picks{margin-top:.75rem}.barsenal-pill-group{display:flex;flex-wrap:wrap;gap:.4rem}.barsenal-pill{border-radius:999px;padding:.35rem .7rem;border:1px solid rgba(108,140,255,.35);background:#141c3099;color:#f4f6fb;font-size:.85rem}.barsenal-pill.is-active{border-color:#78cbffb3;box-shadow:0 0 10px #78cbff40}.barsenal-pill:disabled{opacity:.4;cursor:not-allowed}.barsenal-pill.is-muted{color:#9da8c5;border-color:#6c8cff26;background:#0c122080}.barsenal-recommendations{border-radius:14px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.5rem}.barsenal-recommendations-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.barsenal-recommendations-subtitle{font-size:.72rem;color:#9da8c5}.barsenal-recommendations-header h3{margin:0}.barsenal-recommendations-title{display:inline-flex;align-items:center;gap:.5rem}.barsenal-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid rgba(108,140,255,.4);background:#080e1dcc;color:#c7cfe6;font-size:.7rem;font-weight:700;cursor:help}.barsenal-recommendations-toggle{flex-shrink:0}.barsenal-recommendations-list{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:.45rem}.barsenal-recommendations-block{display:flex;flex-direction:column;gap:.35rem}@media (max-width: 1100px){.barsenal-recommendations-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.barsenal-recommendations-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:.4rem;border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#080e1dbf;padding:.35rem .45rem;color:inherit;text-align:left;cursor:pointer}.barsenal-recommendations-main{display:flex;align-items:center;gap:.4rem;min-width:0}.barsenal-recommendations-matchups{display:flex;align-items:center;border-left:1px solid rgba(108,140,255,.2);padding-left:.4rem;min-height:100%}.barsenal-matchup-strip.is-compact{gap:.2rem}.barsenal-matchup-strip.is-compact .barsenal-matchup-rate{font-size:.5rem}.barsenal-recommendations-item:hover{border-color:#78cbff80}.barsenal-recommendations-meta{display:flex;flex-direction:column;gap:.1rem;font-size:.78rem}.barsenal-recommendations-name{font-weight:600}.barsenal-recommendations-score{color:#c7cfe6;font-size:.72rem}.barsenal-insights-badge{margin-left:auto;border-radius:999px;padding:.2rem .5rem;border:1px solid rgba(255,198,120,.6);color:#ffcf8a;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.barsenal-hero-pool{display:flex;flex-direction:column;gap:.75rem}.barsenal-pool-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.barsenal-pool-header input{border-radius:999px;border:1px solid rgba(108,140,255,.3);background:#080e1db3;color:#fff;padding:.4rem .8rem}.barsenal-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.barsenal-hero-card{border-radius:12px;border:1px solid rgba(108,140,255,.25);background:#080e1db3;padding:.6rem .75rem;text-align:left;position:relative;overflow:hidden;min-height:72px;display:flex;align-items:center;cursor:pointer;color:#f4f6fb}.barsenal-hero-winrate{position:absolute;top:.4rem;right:.4rem;padding:.15rem .35rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.04em;background:#0a1020cc;border:1px solid rgba(108,140,255,.35);color:#c7cfe6}.barsenal-hero-winrate.is-good{border-color:#60e6a0b3;color:#b6f5d0}.barsenal-hero-winrate.is-bad{border-color:#ff7878b3;color:#ffd0d0}.barsenal-hero-card.is-active{border-color:#78cbffcc;box-shadow:0 0 12px #78cbff40}.barsenal-hero-card.is-disabled{opacity:.45;cursor:not-allowed}.barsenal-hero-card--compact{grid-template-columns:36px minmax(0,1fr);padding:.45rem .6rem}.barsenal-hero-card.is-you{border-color:#78cbffcc}.barsenal-hero-card.is-opponent{border-color:#ff8c78b3}.barsenal-hero-card.is-picked-you{background:#245e8c99}.barsenal-hero-card.is-picked-opponent{background:#7d342899}.barsenal-hero-card.is-mirror{background:#a06e2899;border-color:#ffc878cc}.barsenal-hero-card.is-locked{border-style:dashed}.barsenal-hero-content{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.6rem;align-items:center;pointer-events:none;width:100%}.barsenal-hero-name{font-weight:600}.barsenal-hero-meta{font-size:.75rem;color:#9da8c5}.barsenal-hero-thumb{width:44px;height:60px;border-radius:8px;overflow:hidden;background:#060c18b3;display:flex;align-items:center;justify-content:center;font-weight:700;color:#c7cfe6;font-size:.75rem;text-transform:uppercase}.barsenal-hero-thumb img{width:100%;height:100%;object-fit:cover;display:block}.barsenal-hero-card--compact .barsenal-hero-thumb{width:36px;height:48px;font-size:.65rem}.barsenal-hero-text{display:flex;flex-direction:column;gap:.2rem}.barsenal-hero-hit{position:absolute;top:0;bottom:0;width:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#f4f6fbf2;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .15s ease,background .15s ease,backdrop-filter .15s ease}.barsenal-hero-hit span{opacity:0;transition:opacity .15s ease;background:#050a14bf;padding:.2rem .4rem;border-radius:999px}.barsenal-hero-hit--you{left:0}.barsenal-hero-hit--opponent{right:0}.barsenal-hero-hit--you:hover{opacity:1;background:#50a0ffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.barsenal-hero-hit--opponent:hover{opacity:1;background:#ff7878eb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.barsenal-hero-hit--you.is-selected:hover{opacity:1;background:repeating-linear-gradient(135deg,#50a0fffa 0,#50a0fffa 7px,#2378d7fa 7px,#2378d7fa 14px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.barsenal-hero-hit--opponent.is-selected:hover{opacity:1;background:repeating-linear-gradient(135deg,#ff7878fa 0,#ff7878fa 7px,#c85050fa 7px,#c85050fa 14px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.barsenal-hero-hit:hover span{opacity:1}.barsenal-hero-hit:disabled{cursor:not-allowed;opacity:0}.barsenal-hero-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.barsenal-hero-mini-card{border-radius:12px;border:none;background:#070c18b3;padding:.5rem;display:grid;grid-template-columns:40px minmax(0,1fr);gap:.5rem;align-items:center;color:#f4f6fb;text-align:left;cursor:pointer}.barsenal-hero-mini-card.is-disabled{opacity:.45;cursor:not-allowed}.barsenal-hero-mini-card.is-tiny{padding:.3rem .35rem;grid-template-columns:28px minmax(0,1fr);gap:.35rem}.barsenal-hero-mini-card.is-large{padding:.9rem;grid-template-columns:112px minmax(0,1fr);gap:.75rem;min-width:112px}.barsenal-hero-mini-card.is-large.is-no-name{grid-template-columns:112px;width:112px}.barsenal-hero-mini-thumb{width:40px;height:54px;border-radius:8px;overflow:hidden;background:#060c18b3;display:flex;align-items:center;justify-content:center;font-weight:700;color:#c7cfe6;font-size:.65rem;text-transform:uppercase;position:relative}.barsenal-hero-mini-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .15s ease;pointer-events:none}.barsenal-ban-card.is-hover-red .barsenal-hero-mini-card:hover .barsenal-hero-mini-thumb:after{background:#ff78788c;opacity:1}.barsenal-ban-card.is-hover-blue .barsenal-hero-mini-card:hover .barsenal-hero-mini-thumb:after{background:#50a0ff8c;opacity:1}.barsenal-hero-mini-thumb img{width:100%;height:100%;object-fit:cover}.barsenal-hero-mini-name{font-size:.85rem;font-weight:600}.barsenal-hero-mini-card.is-tiny .barsenal-hero-mini-thumb{width:28px;height:38px;font-size:.55rem}.barsenal-hero-mini-card.is-large .barsenal-hero-mini-thumb{width:112px;height:152px;font-size:1.2rem}.barsenal-hero-mini-card.is-tiny .barsenal-hero-mini-name,.barsenal-hero-mini-card.is-no-name .barsenal-hero-mini-name{display:none}.barsenal-hero-tiny-grid{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.barsenal-hero-tiny-grid--large{gap:.9rem}.barsenal-hero-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:.9rem;overflow-x:auto}.barsenal-hero-slot{display:flex;justify-content:center;align-items:center}.barsenal-roster-hero{display:flex;flex-direction:column;gap:.35rem;align-items:center}.barsenal-strip-block{display:flex;flex-direction:column;gap:.2rem;align-items:center}.barsenal-strip-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#9da8c5}.barsenal-matchup-strip,.barsenal-counterpicks{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;padding-bottom:.3rem}.barsenal-map-hero-strip{padding-bottom:0;margin-bottom:.35rem}.barsenal-matchup-pill,.barsenal-counterpick-pill{position:relative;display:inline-flex}.barsenal-matchup-rate{position:absolute;bottom:-.2rem;right:-.2rem;padding:.1rem .25rem;border-radius:999px;font-size:.6rem;font-weight:700;background:#0a1020d9;border:1px solid rgba(108,140,255,.35);color:#c7cfe6;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:.05rem;text-align:center}.barsenal-matchup-rate span{display:block;width:100%;text-align:center}.barsenal-matchup-sample{font-size:.5rem;font-weight:600;opacity:.75}.barsenal-matchup-pill.is-good .barsenal-matchup-rate,.barsenal-counterpick-pill.is-good .barsenal-matchup-rate{border-color:#60e6a0b3;color:#b6f5d0}.barsenal-matchup-pill.is-bad .barsenal-matchup-rate,.barsenal-counterpick-pill.is-bad .barsenal-matchup-rate{border-color:#ff7878b3;color:#ffd0d0}.barsenal-hero-slot.is-empty{border:1px dashed rgba(108,140,255,.25);border-radius:12px}.barsenal-hero-slot-grid--large .barsenal-hero-slot.is-empty{min-height:180px}.barsenal-hero-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.barsenal-ban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.barsenal-ban-card{border-radius:14px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.barsenal-ban-suggestion{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.35rem .5rem;border-radius:10px;background:#080e1db3;border:1px solid rgba(108,140,255,.2)}.barsenal-ban-suggestion-name{font-weight:600}.barsenal-ban-suggestion-score{color:#c7cfe6}.barsenal-ban-suggestion-list{display:grid;gap:.4rem;padding:.4rem .2rem .1rem}.barsenal-ban-suggestion-item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.35rem .5rem;border-radius:10px;border:1px solid rgba(108,140,255,.15);background:#080e1d99}.barsenal-link{border:none;background:transparent;color:#a9c1ff;cursor:pointer;padding:0;font-size:.8rem}.barsenal-ban-hint{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .45rem;border-radius:999px;font-size:.65rem;border:1px solid rgba(108,140,255,.2);color:#c7cfe6;background:#080e1da6}.barsenal-ban-hint.is-you{border-color:#ff787880;color:#ffd0d0}.barsenal-ban-hint.is-opponent{border-color:#50a0ff80;color:#b8d3ff}.barsenal-final-rosters{display:flex;flex-direction:column;gap:.75rem}.barsenal-final-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.barsenal-hero-portrait{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.75rem;align-items:center;background:#080e1db3;border:1px solid rgba(108,140,255,.2);border-radius:14px;padding:.6rem}.barsenal-hero-portrait-thumb{width:72px;height:96px;border-radius:10px;overflow:hidden;background:#060c18b3;display:flex;align-items:center;justify-content:center;font-weight:700;color:#c7cfe6}.barsenal-hero-portrait-thumb img{width:100%;height:100%;object-fit:cover}.barsenal-hero-portrait-label{margin:0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#9da8c5}.barsenal-hero-portrait-name{margin:.2rem 0 0;font-weight:600}.barsenal-hero-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.barsenal-hero-pick-card{border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#070c18b3;padding:.6rem;display:grid;grid-template-columns:56px minmax(0,1fr);gap:.6rem;align-items:center;color:#f4f6fb;text-align:left;cursor:pointer}.barsenal-hero-pick-card.is-active{border-color:#78cbffcc;box-shadow:0 0 12px #78cbff40}.barsenal-hero-pick-thumb{width:56px;height:72px;border-radius:10px;overflow:hidden;background:#060c18b3;display:flex;align-items:center;justify-content:center;font-weight:700;color:#c7cfe6}.barsenal-hero-pick-thumb img{width:100%;height:100%;object-fit:cover}.barsenal-game-card{border-radius:18px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:1rem;display:flex;flex-direction:column;gap:1rem}.barsenal-game-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.barsenal-decision-helper{border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#080e1db3;padding:.5rem .7rem;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.barsenal-game-grid{display:grid;gap:1rem}.barsenal-game-panel{border-radius:14px;border:1px solid rgba(108,140,255,.2);background:#080e1db3;padding:.9rem;display:flex;flex-direction:column;gap:.75rem}.barsenal-matchup-summary{border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#060c18b3;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.25rem}.barsenal-game-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.barsenal-game-pick{display:flex;flex-direction:column;gap:.5rem}.barsenal-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.barsenal-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.barsenal-map-phase{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid rgba(108,140,255,.2);background:#060c18a6;padding:.6rem .75rem}.barsenal-map-phase p{margin:.2rem 0 0;font-weight:600}.barsenal-map-phase-detail{font-size:.85rem;color:#c7cfe6}.barsenal-map-card{border:none;background:transparent;padding:0;display:block}.barsenal-map-card.is-unavailable{opacity:.45;filter:grayscale(.4)}.barsenal-map-card.is-banned{opacity:.85}.barsenal-map-card.is-recommended-ban .barsenal-map-thumb{box-shadow:0 0 0 2px #ffa878b3}.barsenal-map-card.is-recommended-pick .barsenal-map-thumb{box-shadow:0 0 0 2px #78cbffb3}.barsenal-map-card.is-banned-you .barsenal-map-thumb:after,.barsenal-map-card.is-banned-opponent .barsenal-map-thumb:after,.barsenal-map-card.is-selected-you .barsenal-map-thumb:after,.barsenal-map-card.is-selected-opponent .barsenal-map-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.barsenal-map-card.is-banned-you .barsenal-map-thumb:after{background:#50a0ff59;box-shadow:0 0 0 2px #50a0ffb3 inset}.barsenal-map-card.is-banned-opponent .barsenal-map-thumb:after{background:#ff787859;box-shadow:0 0 0 2px #ff7878b3 inset}.barsenal-map-card.is-selected-you .barsenal-map-thumb:after{background:#50a0ff8c;box-shadow:0 0 0 2px #50a0ffe6 inset}.barsenal-map-card.is-selected-opponent .barsenal-map-thumb:after{background:#ff78788c;box-shadow:0 0 0 2px #ff7878e6 inset}.barsenal-map-select{border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;font-weight:600;display:block;width:100%;padding:0}.barsenal-map-stats{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem}.barsenal-map-stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.3rem .4rem;border-radius:10px;background:#080c16bf;border:1px solid rgba(108,140,255,.2);text-align:center}.barsenal-map-stat-label{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#9da8c5}.barsenal-map-stat-value{font-size:.72rem;font-weight:700;color:#e6ebff}.barsenal-map-stat-sample{font-size:.55rem;font-weight:600;color:#c7cfe6cc}.barsenal-map-stat.is-you{border-color:#50a0ff66}.barsenal-map-stat.is-opponent{border-color:#ff787866}.barsenal-map-stat.is-matchup{border-color:#ffce7866}.barsenal-map-thumb{width:100%;height:96px;border-radius:8px;overflow:hidden;background:#060c18b3;display:flex;align-items:center;justify-content:center;position:relative;color:#c7cfe6;font-size:.7rem;text-transform:uppercase}.barsenal-map-thumb img{width:100%;height:100%;object-fit:cover}.barsenal-map-ban{border-radius:999px;border:1px solid rgba(255,120,120,.5);background:#2d101099;color:#ffb7b7;font-size:.75rem;padding:.3rem .7rem;cursor:pointer;width:fit-content}.barsenal-game-winner{display:flex;flex-direction:column;gap:.6rem}.barsenal-game-tabs{margin:.85rem 0 1rem}.barsenal-summary{border-radius:16px;border:1px solid rgba(108,140,255,.25);background:#060c18bf;padding:1rem;display:flex;flex-direction:column;gap:1rem}.barsenal-summary-block{display:flex;flex-direction:column;gap:.5rem}.barsenal-summary-block p{margin:0}.barsenal-summary-final{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6rem}.barsenal-summary-side{display:flex;flex-direction:column;gap:.5rem}.barsenal-summary-divider{width:1px;background:#6c8cff33;align-self:stretch}.barsenal-summary-row{display:flex;flex-direction:column;gap:.35rem}.barsenal-summary-rounds{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.barsenal-summary-round-wrap{display:flex;align-items:center;gap:.75rem}.barsenal-summary-round-block{display:flex;flex-direction:column;gap:.4rem}.barsenal-summary-round-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#9da8c5}.matchup-placeholder{border-radius:14px;border:1px dashed rgba(108,140,255,.4);padding:1rem;color:#c7cfe6}@media (max-width: 960px){.matchup-lab-body{grid-template-columns:1fr}}.map-overlay-robin{stroke:#fffffff2;stroke-width:4;fill:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.map-overlay-robin-badge{fill:#0b0f14c7;stroke:#ffffffe6;stroke-width:2.5}.map-overlay-robin-score{fill:#fff;font-size:18px;font-weight:700;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#0b0f14cc;stroke-width:3px}.map-overlay-robin-ring{stroke-width:3.5;stroke-dasharray:10 6}.map-overlay-robin-inner{stroke-dasharray:none;opacity:.95}@media (max-width: 960px){.app-header{flex-direction:column}.header-controls{width:100%;min-width:0;flex-direction:column}.panel{min-height:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}