:root{--bg:#070b18;--card:#141c33;--card2:#0c1322;--gold:#fbbf24;--gold-deep:#b45309;--red:#f87171;--blue:#3b82f6;--blue-dim:#3b82f624;--red-dim:#f8717124;--text:#eef2fa;--muted:#b3bdd2;--border:#2a3552;--goldline:#fbbf2459;--touch:44px;--r:12px;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp6:24px}::selection{color:#0c1322;background:#fbbf24d9}html{--mdc-scroll-pad:120px;--mdc-kb:0px;scroll-padding-bottom:calc(var(--mdc-scroll-pad) + var(--mdc-kb) + env(safe-area-inset-bottom));overflow-anchor:none;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none;background:radial-gradient(120% 60% at 50% -10%, #101a3a 0%, var(--bg) 60%) fixed, var(--bg);margin:0}button{color:var(--text);border:1px solid var(--border);min-height:var(--touch);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#223052,#1a2440);border-radius:10px;padding:6px 12px;font-size:14px;font-weight:600;transition:background .15s,transform 80ms,border-color .15s}button:hover{background:#2a3a63;border-color:#3b4d7d}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}input,select{min-height:var(--touch);border:1px solid var(--border);background:var(--card2);color:var(--text);border-radius:10px;padding:6px 10px;font-size:16px}input::placeholder{color:var(--muted);opacity:1}.mdc-card{border:1px solid var(--border);border-top:1px solid var(--goldline);border-radius:var(--r);padding:var(--sp2);background:linear-gradient(#16203c 0%,#101830 100%);box-shadow:0 2px 12px #00000059}.mdc-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--sp2);font-size:12px;font-weight:800}.mdc-muted{color:var(--muted);font-size:12px}.mdc-press{cursor:pointer;transition:background .15s,transform 80ms}.mdc-press:hover{background:#1a2340}.mdc-press:active{transform:scale(.98)}.mdc-goldnum{color:var(--gold);text-shadow:0 0 12px #fbbf2473}.mdc-score{background:#26304d;border-radius:3px;height:6px;overflow:hidden}.mdc-score>i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:3px;height:100%;display:block}.mdc-chip{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.mdc-tierS{color:#fbbf24;border-color:#fbbf24;box-shadow:0 0 8px #fbbf2459}.mdc-tierA{color:#22c55e;border-color:#22c55e}.mdc-tierB{color:#60a5fa;border-color:#3b82f6}.mdc-tierC{color:#aab4c8}.mdc-tierD{color:#f87171;border-color:#ef4444}.mdc-legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.mdc-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.mdc-avatarbtn{min-height:0;width:var(--slot-size,auto);height:var(--slot-size,auto);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.mdc-avatarbtn:after{content:"";position:absolute;inset:-4px}.mdc-fb-row .mdc-avatarbtn:after{inset:-2px}.mdc-side-blue{border-left:3px solid var(--blue);background:linear-gradient(#3b82f61f 0%,#101830 70%)}.mdc-side-blue h2{color:#93c5fd}.mdc-side-red{border-left:3px solid var(--red);background:linear-gradient(#f871711f 0%,#101830 70%)}.mdc-side-red h2{color:#fca5a5}.mdc-slot{width:var(--slot-size,44px);height:var(--slot-size,44px);color:#3b4d7d;border:1px dashed #3b4d7d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(10px,4cqi,13px);font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{text-shadow:none!important;transition:none!important}}.mdc-app{background:var(--bg);color:var(--text);--mdc-px:max(12px, env(safe-area-inset-left));--mdc-pr:max(12px, env(safe-area-inset-right));max-width:640px;min-height:100svh;padding:12px var(--mdc-pr) calc(4px + env(safe-area-inset-bottom)) var(--mdc-px);margin:0 auto;font-family:system-ui}.mdc-topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mdc-topbar button{min-width:44px}.mdc-brand{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:19px;font-weight:800}.mdc-row{gap:8px;display:flex}.mdc-row-c{align-items:center;gap:8px;display:flex}.mdc-grow{flex:1}.mdc-grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mdc-col6{flex-direction:column;gap:6px;display:flex}.mdc-col8{flex-direction:column;gap:8px;display:flex}.mdc-wrap44{--slot-size:clamp(24px, calc((100cqi - 32px) / 5), 44px);min-height:var(--slot-size,44px);flex-wrap:wrap;gap:8px;display:flex;container-type:inline-size}.mdc-mt6{margin-top:6px}.mdc-mt8{margin-top:8px}.mdc-mb8{margin-bottom:8px}.mdc-sec-h{margin:0 0 6px;font-size:13px}.mdc-pane-h{flex:1;font-size:13px}.mdc-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mdc-results{margin:12px 0 6px}.mdc-warn{margin-top:8px;font-size:13px}.mdc-warn b{color:var(--gold)}.mdc-err{border-color:var(--red)}.mdc-rate-row{align-items:center;gap:8px;display:flex}.mdc-rate-ally{color:#93c5fd;width:56px;font-size:12px}.mdc-rate-enemy{color:#fca5a5;width:56px;font-size:12px}.mdc-rate-num{text-align:right;width:44px}.mdc-title-red{color:var(--red)}.mdc-suggest{background:var(--card2);border:1px solid var(--border);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.mdc-suggest:hover{background:var(--card2)}.mdc-sub{flex:1;font-size:13px}.mdc-counters{flex-wrap:wrap;gap:4px;margin-top:4px;display:inline-flex}.mdc-counter{color:var(--gold);border-color:var(--goldline)}.mdc-inline-tags{flex-wrap:wrap;flex:100%;order:1;gap:3px;min-width:0;margin:4px 0 0;display:inline-flex}.mdc-synergy{color:#6ee7b7;border-color:#6ee7b766}.mdc-rowcard{padding:6px}.mdc-rowbtn{text-align:left;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:2px;display:flex}.mdc-rowbtn:hover{background:0 0}.mdc-uname{flex:1;min-width:0;font-size:14px}.mdc-bignum{font-size:18px}.mdc-chev{color:var(--muted);font-size:12px}.mdc-reasons{margin:6px 0 0;padding-left:18px;font-size:13px}.mdc-act{white-space:normal;text-align:center;justify-content:center;align-items:center;min-width:0;padding:6px 4px;font-size:13px;line-height:1.2;display:flex}.mdc-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.mdc-actgroup{flex-direction:column;gap:4px;min-width:0;display:flex}.mdc-acthead{letter-spacing:.12em;color:var(--gold);text-align:center;font-size:11px;font-weight:800}.mdc-acthead-ban{color:var(--red)}.mdc-actpair{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=360px){.mdc-actions{grid-template-columns:1fr}}.mdc-act.mdc-ban-act{background:var(--red-dim);color:#fca5a5;border-color:#f8717159}.mdc-act.mdc-ban-act:hover{background:#f8717138;border-color:#f871718c}.mdc-filterbar{bottom:calc(var(--mdc-kb) + env(safe-area-inset-bottom));z-index:40;background:var(--card);border:1px solid var(--border);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:10px;max-height:min(48svh,320px);margin:4px 0 0;padding:4px 6px;position:sticky;overflow-y:auto;box-shadow:0 8px 24px #00000080}.mdc-frow{align-items:center;gap:4px}.mdc-frow+.mdc-frow{margin-top:3px}.mdc-frow input{height:1.2em;padding:4px 6px;font-size:16px}.mdc-frow input[type=search]{appearance:none}.mdc-frow input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.mdc-frow input[type=search]::-webkit-search-decoration{appearance:none;display:none}.mdc-frow select{text-overflow:ellipsis;min-width:0;padding:3px 6px;font-size:16px}.mdc-iconbtn{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:relative}.mdc-iconbtn:after{content:"";position:absolute;inset:-6px}.mdc-frow .mdc-iconbtn+.mdc-iconbtn{margin-left:8px}.mdc-filter-closed{bottom:calc(var(--mdc-kb) + env(safe-area-inset-bottom));z-index:40;justify-content:flex-end;margin-top:4px;display:flex;position:sticky}.mdc-fabbtn{border-radius:99px;align-items:center;gap:6px;display:inline-flex;box-shadow:0 8px 24px #00000080}.mdc-fabbtn svg,.mdc-filterbar svg,.mdc-rowbtn svg{flex-shrink:0;display:block}.mdc-results-row{align-items:center;gap:8px;margin:12px 0 6px;display:flex}.mdc-results-row .mdc-results{flex:1;margin:0}.mdc-avatar{width:var(--slot-size,var(--av-size,36px));height:var(--slot-size,var(--av-size,36px));background:var(--av-bg,#888);color:#fff;font-weight:700;font-size:var(--av-fs,14px);border:var(--av-ring,2px solid #2a3552);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.mdc-avatar-dim{opacity:.55}.mdc-avatar-img{object-fit:cover}.mdc-banwrap{display:inline-flex;position:relative}.mdc-banline{background:#ef4444;height:2px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-20deg)}.mdc-legend i.mdc-dot{background:var(--dot,#888)}.mdc-score>i.mdc-bar{width:var(--bar,0%)}.mdc-clear-row{justify-content:flex-end;margin:0 0 8px;display:flex}.mdc-clearbtn{min-height:36px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.mdc-clearbtn:after{content:"";position:absolute;inset:-4px}.mdc-clearbtn:hover{color:#fca5a5;background:#f8717114;border-color:#f8717166}.mdc-clearbtn-armed,.mdc-clearbtn-armed:hover{background:var(--red-dim);color:#fca5a5;border-color:#f871718c}.mdc-heroes-anchor{scroll-margin-top:calc(var(--mdc-fb-h,0px) + 8px)}.mdc-fb{z-index:30;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--goldline);margin:0 calc(var(--mdc-pr,12px) * -1) 8px calc(var(--mdc-px,12px) * -1);background:#070b18eb;flex-direction:column;gap:4px;padding:6px 10px;display:flex;position:sticky;top:0}.mdc-fb-sides{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.mdc-fb-side{--slot-size:clamp(20px, calc((100cqi - 24px) / 5), 32px);flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex;container-type:inline-size}.mdc-fb-row{min-height:var(--slot-size,32px);justify-content:center;align-items:center;gap:4px;display:flex}.mdc-fb-bans{opacity:.75}.mdc-fb-ally{border-left:2px solid var(--blue);padding-left:4px}.mdc-fb-enemy{border-right:2px solid var(--red);padding-right:4px}.mdc-fb-empty{width:var(--slot-size,28px);height:var(--slot-size,28px);opacity:.45;border:1px dashed #3b4d7d;border-radius:50%;flex-shrink:0}@media (width<=360px){.mdc-fb-side{gap:4px}}.mdc-rate-win{border:1px solid var(--border);border-left:2px solid var(--gold);background:var(--card2);border-radius:8px;align-items:baseline;gap:8px;min-width:0;margin-top:8px;padding:8px 10px;display:flex}.mdc-rate-win-num{font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 10px #fbbf2466;font-size:22px;font-weight:800}.mdc-breakdown{flex-direction:column;gap:4px;margin-top:6px;display:flex}.mdc-bd-row{flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px;display:flex}.mdc-bd-side{width:56px;color:var(--muted);flex-shrink:0;font-weight:700}.mdc-bd-row:first-child .mdc-bd-side{color:#93c5fd}.mdc-bd-row:last-child .mdc-bd-side{color:#fca5a5}.mdc-bd-chip{font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--card2);color:var(--text);border-radius:99px;padding:2px 7px}.mdc-bd-chip[data-axis=counter]{color:var(--gold);border-color:var(--goldline)}.mdc-bd-chip[data-axis=meta]{color:#93c5fd;border-color:#93c5fd59}.mdc-bd-chip[data-axis=comp]{color:#6ee7b7;border-color:#6ee7b759}.mdc-bd-chip[data-axis=mastery]{color:var(--muted)}.mdc-rate-win-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:11px;font-weight:800}.mdc-rate-vs{align-items:center;gap:6px;display:flex}.mdc-rate-side{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.mdc-rate-side-ally .mdc-rate-side-lbl{color:#93c5fd;order:0}.mdc-rate-side-enemy .mdc-rate-side-lbl{color:#fca5a5;order:2}.mdc-rate-side-lbl{flex-shrink:0;font-size:12px;font-weight:700}.mdc-rate-side-ally .mdc-rate-num{order:2}.mdc-rate-side-enemy .mdc-rate-num{order:0}.mdc-fb-stats{justify-content:center;align-items:center;gap:8px;min-width:0;margin-top:2px;padding:2px 4px;display:flex}.mdc-fb-stat{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.85;align-items:baseline;gap:4px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.mdc-fb-stat-lbl{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:800}.mdc-fb-stat-num{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;line-height:1}.mdc-fb-power-ally{color:var(--blue)}.mdc-fb-power-enemy{color:var(--red)}.mdc-fb-stat-win{color:var(--gold);text-shadow:0 0 8px #fbbf2459}.mdc-fb-stat-win .mdc-fb-stat-num{font-size:14px}.mdc-rate-vs .mdc-rate-win{border:1px solid var(--goldline);background:var(--card2);border-left:2px solid var(--gold);border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:0;min-width:56px;margin:0;padding:4px 8px;display:flex}.mdc-rate-vs .mdc-rate-win-num{font-size:16px;line-height:1}.mdc-rate-vs .mdc-rate-win-lbl{margin-top:1px}.mdc-rate-vs{align-items:stretch;gap:8px;margin-top:4px;display:flex}.mdc-rate-side{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.mdc-rate-side-ally,.mdc-rate-side-enemy{align-items:stretch}.mdc-rate-side-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:11px;font-weight:700}.mdc-rate-side-ally .mdc-rate-side-lbl{color:#93c5fd}.mdc-rate-side-enemy .mdc-rate-side-lbl{color:#fca5a5}.mdc-rate-num{text-align:center;font-size:20px;line-height:1}.mdc-bar-ally>i{background:linear-gradient(270deg, var(--gold-deep), var(--gold));border-radius:3px 0 0 3px}.mdc-bar-enemy>i{background:linear-gradient(90deg,#ef4444,#f87171);border-radius:0 3px 3px 0}.mdc-bar-lead{border:1px solid #fbbf2499;box-shadow:0 0 8px #fbbf2440}.mdc-bar-enemy.mdc-bar-lead{border-color:#f8717199;box-shadow:0 0 8px #f8717140}.mdc-rate-win{border:1px solid var(--goldline);background:var(--card2);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;min-width:64px;margin:0;padding:4px 8px;display:flex}.mdc-rate-win-num{font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 10px #fbbf2466;font-size:22px;font-weight:800;line-height:1}.mdc-rate-win-lbl{letter-spacing:.16em;color:var(--gold);opacity:.75;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:800}.mdc-win-ally{background:linear-gradient(180deg, #6ee7b71f, var(--card2));border-color:#6ee7b799}.mdc-win-ally .mdc-rate-win-num{color:#6ee7b7;text-shadow:0 0 10px #6ee7b766}.mdc-win-ally .mdc-rate-win-lbl{color:#6ee7b7}.mdc-win-enemy{background:linear-gradient(180deg, #f871711f, var(--card2));border-color:#f8717199}.mdc-win-enemy .mdc-rate-win-num{color:#f87171;text-shadow:0 0 10px #f8717166}.mdc-win-enemy .mdc-rate-win-lbl{color:#f87171}.mdc-win-tie{border-color:var(--goldline)}.mdc-rate-side>.mdc-rate-side-lbl{order:0}.mdc-rate-side>.mdc-score{order:1}.mdc-rate-side>.mdc-rate-num{order:2}.mdc-rate-vs .mdc-bar-ally{justify-content:flex-end;display:flex}.mdc-rate-vs .mdc-bar-enemy{justify-content:flex-start;display:flex}