:root{--rm-win-bg:#22c55e12;--rm-win-bg-hover:#22c55e1c;--rm-win-border:#22c55e52;--rm-win-edge:#22c55e;--rm-win-text:#4ade80;--rm-loss-bg:#ef444412;--rm-loss-bg-hover:#ef44441c;--rm-loss-border:#ef44444d;--rm-loss-edge:#ef4444;--rm-loss-text:#f87171;--rm-surface:#131316;--rm-surface-hi:#18181c;--rm-divider:var(--border);--rm-divider-soft:var(--surface-hover);--rm-text:#fafafa;--rm-text-strong:var(--text-strong);--rm-text-dim:var(--text-secondary);--rm-text-muted:var(--text-muted);--rm-text-faint:var(--text-dim);--rm-accent-kda:#fbbf24;--rm-radius-lg:12px;--rm-radius-md:8px;--rm-radius-sm:5px;--rm-outcome-col:4.75rem;--rm-kda-col:6rem;--rm-build-strip-min:calc(22px + 6px + (2 * 22px + 3px) + 6px + (3 * 24px + 2 * 3px) + 16px);--rm-build-strip-arena-extra:5px;--rm-roster-col:5.25rem}:root[data-theme=light]{--rm-surface:#fff;--rm-surface-hi:#f4f5f7;--rm-text:#1a1c20;--rm-text-strong:#0f1115;--rm-win-text:#15803d;--rm-loss-text:#b91c1c;--rm-accent-kda:#b45309}.ranked-match-card,.arena-match-card{isolation:isolate}.ranked-match-card{grid-template-columns:var(--rm-pill-champ-col,56px) minmax(0, 1fr);box-sizing:border-box;background:radial-gradient(circle at 18% 0,#ffffff0e,#0000 34%),linear-gradient(135deg,#18181bf5,#0d0d10f0);border:1px solid #ffffff12;border-radius:16px;align-items:start;gap:12px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;padding:10px 12px 10px 14px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:visible;box-shadow:0 18px 44px -30px #000000e6,inset 0 1px #ffffff0b;container:ranked-match-card/inline-size}.ranked-match-card:before{content:"";z-index:1;border-radius:16px 0 0 16px;width:5px;position:absolute;top:0;bottom:0;left:0}.ranked-match-card:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .18s;position:absolute;inset:0}.ranked-match-card--win{background:radial-gradient(circle at 10% 0,#4ade8029,#0000 38%),linear-gradient(135deg,#14532d38,#0d0d10f5 46%);border-color:#4ade8038}.ranked-match-card--win:before{background:linear-gradient(#86efac,#22c55e);box-shadow:0 0 22px -5px #22c55ef2}.ranked-match-card--win:after{background:linear-gradient(90deg,#22c55e1c,#0000 48%)}.ranked-match-card--loss{background:radial-gradient(circle at 10% 0,#f8717126,#0000 38%),linear-gradient(135deg,#7f1d1d38,#0d0d10f5 46%);border-color:#f8717133}.ranked-match-card--loss:before{background:linear-gradient(#fca5a5,#ef4444);box-shadow:0 0 22px -5px #ef4444e6}.ranked-match-card--loss:after{background:linear-gradient(90deg,#ef44441c,#0000 48%)}.ranked-match-card--remake{background:radial-gradient(circle at 10% 0,#d4d4d81f,#0000 38%),linear-gradient(135deg,#3f3f4647,#0d0d10f5 46%);border-color:#a1a1aa38}.ranked-match-card--remake:before{background:linear-gradient(#d4d4d8,#a1a1aa);box-shadow:0 0 18px -6px #a1a1aad9}.ranked-match-card--remake:after{background:linear-gradient(90deg,#a1a1aa1a,#0000 48%)}@media (hover:hover) and (pointer:fine){.ranked-match-card:hover{transform:translateY(-2px)}.ranked-match-card:hover:after{opacity:1}.ranked-match-card--win:hover{border-color:#4ade8061;box-shadow:0 22px 50px -32px #22c55eb8,0 18px 42px -32px #000000e6,inset 0 1px #ffffff0f}.ranked-match-card--loss:hover{border-color:#f8717157;box-shadow:0 22px 50px -32px #ef4444b8,0 18px 42px -32px #000000e6,inset 0 1px #ffffff0f}.ranked-match-card--remake:hover{border-color:#d4d4d857;box-shadow:0 22px 50px -32px #71717a8c,0 18px 42px -32px #000000e6,inset 0 1px #ffffff0f}}.ranked-match-card--remake .ranked-match-card__champ-icon{outline-offset:-1px;outline:2px solid #a1a1aaa6}.ranked-match-card__champ-link{z-index:2;color:inherit;border-radius:var(--rm-radius-md);flex-shrink:0;align-self:center;align-items:center;text-decoration:none;transition:transform .16s;display:flex}@media (hover:hover) and (pointer:fine){.ranked-match-card__champ-link:hover{transform:scale(1.04)}}.ranked-match-card__champ-link:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.ranked-match-card__champ{flex-shrink:0;position:relative}.ranked-match-card__champ-icon{width:var(--rm-pill-champ-size,52px);height:var(--rm-pill-champ-size,52px);object-fit:cover;border:1px solid #ffffff24;border-radius:12px;display:block;box-shadow:0 12px 26px -14px #000000f2,inset 0 1px #ffffff1f}.ranked-match-card--win .ranked-match-card__champ-icon{outline-offset:-1px;outline:2px solid #4ade80b8}.ranked-match-card--loss .ranked-match-card__champ-icon{outline-offset:-1px;outline:2px solid #f87171ad}.ranked-match-card__champ-level{min-width:20px;color:var(--text-2);text-align:center;white-space:nowrap;background:#09090beb;border:1px solid #ffffff29;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px -10px #000000f2}.ranked-match-card__body{z-index:2;grid-template-columns:minmax(0, 1fr) var(--rm-outcome-col);grid-template-areas:"stats outcome""build build""roster roster";align-items:start;gap:8px 10px;width:100%;min-width:0;padding:0;display:grid;position:relative;overflow:visible}.ranked-match-card__summary{color:inherit;text-decoration:none;display:contents}.ranked-match-card__summary:focus-visible{outline:none}.ranked-match-card__stats:focus-within,.ranked-match-card__build:focus-within{outline-offset:2px;border-radius:var(--rm-radius-md);outline:2px solid #a78bfa}.ranked-match-card__stats{grid-area:stats;grid-template-columns:minmax(0, 1fr) var(--rm-kda-col);align-items:center;gap:10px;min-width:0;display:grid}.ranked-match-card__meta{align-self:center;min-width:0;line-height:1.3}.ranked-match-card__time{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:clamp(11px,2.8cqi,12px);display:flex}.ranked-match-card__ago{color:var(--rm-text-faint)}.ranked-match-card__queue-row{align-items:center;gap:6px;min-width:0;margin-top:3px;display:flex}.ranked-match-card__role{opacity:.85;filter:brightness(0)invert(.85);flex-shrink:0}.ranked-match-card__queue{color:var(--rm-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(12px,3.6cqi,14px);font-weight:700;line-height:1.2;overflow:hidden}.ranked-match-card__extras{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:clamp(9px,2.6cqi,11px);line-height:1.35;display:inline}.ranked-match-card__muted{color:var(--rm-text-muted)}.ranked-match-card__dot{color:var(--rm-text-faint);margin:0 5px}.ranked-match-card__kda.match-pill-kda{width:var(--rm-kda-col);min-width:var(--rm-kda-col);max-width:var(--rm-kda-col);flex-shrink:0;place-self:center;align-items:center}.ranked-match-card__kda-line{color:var(--text-strong);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:center;width:100%;font-size:clamp(15px,4.8cqi,18px);font-weight:700;line-height:1.15}.ranked-match-card__kda-ratio{color:var(--rm-accent-kda);text-align:center;font-variant-numeric:tabular-nums;width:100%;margin-top:2px;font-size:clamp(11px,3cqi,12px);font-weight:700;line-height:1.2}.ranked-match-card__build,.arena-match-card__build{touch-action:pan-x;overscroll-behavior-x:contain}.ranked-match-card__build{box-sizing:border-box;background:linear-gradient(#ffffff0e,#ffffff05),#0003;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;grid-area:build;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;min-height:0;padding:6px 8px;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff0b}.ranked-match-card__spell-group,.ranked-match-card__rune-group{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.ranked-match-card__spell{width:var(--rm-pill-icon,22px);height:var(--rm-pill-icon,22px);border-radius:var(--rm-radius-sm);border:1px solid var(--border-strong);object-fit:cover;background:var(--border-subtle);display:block;box-shadow:0 5px 12px -8px #000000e6}.ranked-match-card__spell--empty{opacity:.5;border-color:var(--border)}.ranked-match-card__rune{width:var(--rm-pill-icon,22px);height:var(--rm-pill-icon,22px);flex-shrink:0}.ranked-match-card__rune.champion-rune-perk{opacity:1;filter:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;min-height:0;padding:0;display:inline-flex}.ranked-match-card__rune .match-card__rune{border:1px solid var(--border-strong);object-fit:cover;width:100%;height:100%;display:block;box-shadow:0 5px 12px -8px #000000e6}.ranked-match-card__rune--keystone .match-card__rune{background:var(--bg);border-radius:999px;box-shadow:0 0 0 1px #facc152e}.ranked-match-card__rune--style .match-card__rune{background:var(--bg);opacity:.92;border-radius:6px}.ranked-match-card__build-sep{display:none}.ranked-match-card__items{grid-template-columns:repeat(3, var(--rm-pill-item,24px));grid-template-rows:repeat(2, var(--rm-pill-item,24px));flex-shrink:0;gap:3px;display:grid}.ranked-match-card__items>span,.ranked-match-card__items>div{width:var(--rm-pill-item,24px);height:var(--rm-pill-item,24px)}.ranked-match-card__items img{border:1px solid var(--border);border-radius:4px;width:100%;height:100%;box-shadow:0 5px 12px -8px #000000e6}.ranked-match-card__utility-items{width:var(--rm-pill-item,24px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:flex}.ranked-match-card__trinket,.ranked-match-card__role-quest-item,.ranked-match-card__utility-empty{width:var(--rm-pill-item,24px);height:var(--rm-pill-item,24px);flex-shrink:0;display:block}.ranked-match-card__trinket img,.ranked-match-card__role-quest-item img{width:100%;height:100%;box-shadow:0 5px 12px -8px #000000e6}.ranked-match-card__trinket img{border:1px solid var(--border-strong);border-radius:999px}.ranked-match-card__role-quest-item img{border:1px solid #facc1547;border-radius:6px}.ranked-match-card__utility-empty{background:#ffffff06;border:1px solid #ffffff0f;border-radius:999px}.ranked-match-card__outcome{width:var(--rm-outcome-col);min-width:var(--rm-outcome-col);max-width:var(--rm-outcome-col);color:inherit;grid-area:outcome;justify-content:center;place-self:start end;align-items:center;padding:0;text-decoration:none;display:flex}.ranked-match-card__outcome:focus-visible{outline-offset:2px;border-radius:var(--rm-radius-md);outline:2px solid #a78bfa}.ranked-match-card__outcome-text{box-sizing:border-box;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:100%;padding:7px 11px;font-size:clamp(11px,2.8cqi,12px);font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff3,0 10px 20px -14px}.ranked-match-card__outcome-text--win{color:#052e16;background:linear-gradient(#4ade80,#22c55e);box-shadow:inset 0 1px #ffffff26,0 0 12px -4px #22c55e}.ranked-match-card__outcome-text--loss{color:#450a0a;background:linear-gradient(#f87171,#ef4444);box-shadow:inset 0 1px #ffffff26,0 0 12px -4px #ef4444}.ranked-match-card__outcome-text--remake{color:#27272a;background:linear-gradient(#d4d4d8,#a1a1aa);box-shadow:inset 0 1px #ffffff1f}.match-participants{background:linear-gradient(#ffffff0a,#ffffff03),#0000002e;border:1px solid #ffffff12;border-radius:10px;grid-area:roster;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;width:100%;min-width:0;max-width:100%;margin:0;padding:6px 8px;display:grid;box-shadow:inset 0 1px #ffffff0d}.match-participants__team{flex-direction:column;gap:2px;min-width:0;display:flex}.match-participants__team--ally{border-right:1px solid #ffffff12;padding-right:6px}.match-participants__team--enemy{padding-left:2px}.match-participants__team--ally.match-participants__team--win{--match-participants-team-accent:#4ade808c}.match-participants__team--ally.match-participants__team--loss{--match-participants-team-accent:#f8717173}.match-participants__team--enemy.match-participants__team--win{--match-participants-team-accent:#4ade8073}.match-participants__team--enemy.match-participants__team--loss{--match-participants-team-accent:#f871718c}.match-participants__player{min-width:0;min-height:15px;color:var(--rm-text-dim);border-left:2px solid #0000;border-radius:4px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:4px;padding:1px 2px;line-height:1.2;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:grid}.match-participants__player:hover{color:var(--rm-text);background:#ffffff0f}.match-participants__player:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #a78bfa}.match-participants__player--focus{color:var(--rm-text-strong);border-left-color:var(--match-participants-team-accent,#ffffff59);background:#ffffff12;font-weight:600}.match-participants__champ{border:1px solid #ffffff1f;border-radius:3px;width:14px;height:14px;box-shadow:0 2px 6px -4px #000000d9}.match-participants__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;font-size:clamp(9px,2.6cqi,10px);font-weight:500;overflow:hidden}.match-participants__player--focus .match-participants__name{font-weight:600}.match-participants--arena-pill .match-participants__arena-place{letter-spacing:.04em;text-transform:uppercase;color:var(--rm-text-faint);margin-bottom:1px;font-size:8px;font-weight:700;line-height:1.1;display:block}.match-participants__arena-place--first{color:#facc15}.match-participants__arena-place--top4{color:#a78bfa}.match-participants__arena-place--out{color:var(--rm-text-muted)}@container ranked-match-card (width>=720px){.match-participants{width:max-content;max-width:calc(var(--rm-roster-col) * 2 + 4px + 12px);grid-area:1/4;place-self:center end;padding:3px 6px;display:grid}.match-participants--ranked{grid-template-columns:var(--rm-roster-col) var(--rm-roster-col);gap:2px 6px}.match-participants--arena-pill .match-participants__team--ally{padding-right:5px}.match-participants--arena-pill .match-participants__team--enemy{padding-left:1px}.match-participants__champ{width:14px;height:14px}.match-participants__name{font-size:clamp(11px,2.6cqi,12px)}.match-participants__player{height:auto;min-height:20px;padding:2px 2px 2px 0}.match-participants__team{gap:1px}}@container arena-match-card (width>=720px){.match-participants{width:max-content;max-width:calc(var(--rm-roster-col) * 2 + 4px + 12px);grid-area:1/4;place-self:center end;padding:3px 6px;display:grid}.match-participants--ranked{grid-template-columns:var(--rm-roster-col) var(--rm-roster-col);gap:2px 6px}.match-participants--arena-pill .match-participants__team--ally{padding-right:5px}.match-participants--arena-pill .match-participants__team--enemy{padding-left:1px}.match-participants__champ{width:14px;height:14px}.match-participants__name{font-size:clamp(11px,2.6cqi,12px)}.match-participants__player{height:auto;min-height:20px;padding:2px 2px 2px 0}.match-participants__team{gap:1px}}@container ranked-match-card (width>=720px){.ranked-match-card{--rm-pill-champ-col:56px;--rm-pill-champ-size:48px;align-items:center;padding:8px 10px 8px 14px}.ranked-match-card__champ-link{align-self:center}.ranked-match-card__body{grid-template-columns:minmax(0, 1fr) max-content var(--rm-outcome-col) max-content;grid-template-areas:none;align-items:center;gap:8px 10px;display:grid}.ranked-match-card__stats{grid-area:1/1;grid-template-columns:minmax(0, 1fr) var(--rm-kda-col);padding-right:2px;display:grid}.ranked-match-card__build{width:max-content;max-width:min(100%,340px);min-width:var(--rm-build-strip-min);scrollbar-width:thin;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;justify-self:end;scroll-padding-inline:8px;overflow-x:auto}.ranked-match-card__outcome{grid-area:1/3;align-self:center}.ranked-match-card__extras{white-space:nowrap;font-size:clamp(11px,2.6cqi,12px)}}@container arena-match-card (width>=720px){.arena-match-card__body{grid-template-columns:minmax(0, 1fr) max-content var(--rm-outcome-col) max-content;grid-template-areas:none;align-items:center;gap:8px 10px;display:grid}.arena-match-card__stats{grid-area:1/1;grid-template-columns:minmax(0, 1fr) var(--rm-kda-col);align-items:center;gap:10px;min-width:0;padding-right:2px;display:grid}.arena-match-card__build{scrollbar-width:thin;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;justify-self:end;width:max-content;min-width:0;max-width:min(100%,360px);min-height:0;margin-left:0;scroll-padding-inline:8px;overflow:auto visible}.arena-match-card__place{grid-area:1/3;place-self:center end}}@container ranked-match-card (width<=719px){.match-participants{display:none}.ranked-match-card__body{grid-template-areas:"stats outcome""build build"}}@container ranked-match-card (width<=620px){.ranked-match-card{--rm-pill-champ-col:54px;--rm-pill-champ-size:50px;align-items:start;height:auto;padding:10px 12px 12px}.ranked-match-card__champ-link{align-self:start;padding-top:2px}.ranked-match-card__body{grid-template-columns:minmax(0, 1fr) var(--rm-outcome-col);grid-template-areas:"stats outcome""build build""roster roster";gap:7px 10px}.ranked-match-card__stats{align-items:center;gap:10px}.ranked-match-card__meta{min-width:0}.ranked-match-card__extras{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.ranked-match-card__dot{margin:0}.ranked-match-card__build{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;scroll-padding-inline:8px;overflow-x:auto}@media (prefers-reduced-motion:reduce){.ranked-match-card__build{scrollbar-width:thin}}.ranked-match-card__outcome{align-self:center}.match-participants{grid-area:roster;width:100%;max-width:100%;padding:5px 7px;display:grid}.match-participants__player{min-height:24px;padding:3px 4px 3px 2px}}@container ranked-match-card (width<=430px){.ranked-match-card{--rm-pill-champ-col:50px;--rm-pill-champ-size:46px;--rm-pill-icon:20px;--rm-pill-item:22px;gap:10px;padding:10px 10px 13px}.ranked-match-card__ago{display:none}.ranked-match-card__stats{gap:8px}.ranked-match-card__build{gap:5px;padding:5px 6px}.match-participants{gap:3px 8px;padding:5px 6px}.match-participants__player{grid-template-columns:13px minmax(0,1fr);min-height:28px}.match-participants__champ{width:13px;height:13px}.ranked-match-card__outcome-text{padding:6px 9px}.ranked-match-card__outcome,.ranked-match-card__outcome-text{min-height:32px}}.ranked-match-page{--rmp-blue:#60a5fa;--rmp-red:#f87171;max-width:100%;margin-top:8px}.ranked-match-page__header{margin-bottom:20px}.ranked-match-page__title{color:#fafafa;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800}.ranked-match-page__subtitle{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:13px}.ranked-match-page__teams{flex-direction:column;gap:16px;display:flex}.ranked-match-page__team{border:1px solid var(--rm-divider);border-radius:var(--rm-radius-lg);background:linear-gradient(#131316 0%,#0f0f12 100%);position:relative;overflow:hidden;box-shadow:0 6px 28px -12px #0009}.ranked-match-page__team:before{content:"";background:var(--rm-divider);width:4px;position:absolute;top:0;bottom:0;left:0}.ranked-match-page__team--blue:before{background:linear-gradient(180deg, var(--rmp-blue), #60a5fa66);box-shadow:0 0 12px -2px var(--rmp-blue)}.ranked-match-page__team--red:before{background:linear-gradient(180deg, var(--rmp-red), #f8717166);box-shadow:0 0 12px -2px var(--rmp-red)}.ranked-match-page__team-header{border-bottom:1px solid var(--rm-divider);background:linear-gradient(#ffffff06,#fff0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:14px 20px 14px 22px;display:flex}.ranked-match-page__team-title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ranked-match-page__outcome{letter-spacing:-.015em;text-transform:uppercase;font-size:16px;font-weight:800}.ranked-match-page__outcome--win{color:var(--rm-win-text);text-shadow:0 0 18px #4ade8066}.ranked-match-page__outcome--loss{color:var(--rm-loss-text);text-shadow:0 0 18px #f8717166}.ranked-match-page__outcome--remake{color:#a1a1aa;text-shadow:0 0 14px #a1a1aa59}.ranked-match-page__team-label{color:var(--rm-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.ranked-match-page__objectives{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:14px 18px;min-width:0;padding:0 10px;display:flex}.ranked-match-page__objective{align-items:center;gap:6px;min-width:0;display:inline-flex}.ranked-match-page__objective-count{color:var(--rm-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;min-width:1.1ch;font-size:26px;font-weight:800;line-height:1}.ranked-match-page__objective-icon{filter:drop-shadow(0 2px 5px #00000073);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ranked-match-page__objective-icon img{object-fit:contain;width:100%;height:100%;display:block}.ranked-match-page__team-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:16px;margin-left:auto;display:flex}.ranked-match-page__team-kda{color:var(--rm-text);letter-spacing:-.01em;font-size:15px;font-weight:700}.ranked-match-page__team-dmg,.ranked-match-page__team-gold{color:var(--rm-text-dim);font-size:12px;font-weight:500}.ranked-match-page__team-rows{flex-direction:column;display:flex}.ranked-match-page__player{border-top:1px solid var(--rm-divider-soft);grid-template-columns:100px minmax(0,1.1fr) 96px 56px 56px minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,auto);align-items:center;gap:10px 14px;padding:12px 18px 12px 22px;transition:background .15s;display:grid}.ranked-match-page__player:first-child{border-top:none}.ranked-match-page__player:hover{background:#ffffff05}.ranked-match-page__champ{align-items:center;gap:5px;display:flex;position:relative}.ranked-match-page__champ-icon{border-radius:var(--rm-radius-md);border:2px solid var(--border-strong);object-fit:cover;flex-shrink:0;width:52px;height:52px;display:block;box-shadow:0 2px 6px #0006}.ranked-match-page__spell-rune{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.ranked-match-page__spell img,.ranked-match-page__rune{border:1px solid var(--border-strong);object-fit:cover;background:var(--surface);border-radius:4px;width:18px;height:18px;display:block}.ranked-match-page__rune--round{background:var(--bg);border-radius:50%}.ranked-match-page__rune-wrap,.ranked-mob-player__rune-wrap{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ranked-match-page__rune-wrap .match-card__rune,.ranked-mob-player__rune-wrap .match-card__rune{border:1px solid var(--border-strong);object-fit:cover;background:var(--surface);border-radius:4px;width:18px;height:18px}.ranked-match-page__rune-wrap--keystone .match-card__rune,.ranked-mob-player__rune-wrap--keystone .match-card__rune{background:var(--bg);border-radius:50%}.match-card__rune-wrap.champion-rune-perk,.ranked-match-page__rune-wrap.champion-rune-perk,.ranked-mob-player__rune-wrap.champion-rune-perk{opacity:1;filter:none;cursor:help;background:0 0;min-height:0;padding:0}.match-card__rune-wrap .match-card__rune--secondary,.ranked-match-page__rune-wrap .match-card__rune--secondary,.ranked-mob-player__rune-wrap .match-card__rune--secondary{opacity:1}.ranked-mob-player__rune-wrap .match-card__rune{width:20px;height:20px}.ranked-match-page__champ-level{background:var(--bg);min-width:18px;color:var(--text-2);text-align:center;border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.25;position:absolute;bottom:-4px;left:36px;box-shadow:0 1px 3px #00000080}.ranked-match-page__name-col{flex-direction:column;gap:4px;min-width:0;display:flex}.ranked-match-page__summoner{color:var(--rm-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:700;text-decoration:none;transition:color .12s;overflow:hidden}.ranked-match-page__summoner:hover{color:#c4b5fd}.ranked-match-page__tag{color:var(--rm-text-faint);margin-left:1px;font-weight:500}.ranked-match-page__rank{color:var(--rm-text-dim);letter-spacing:.02em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.ranked-match-page__rank-emblem{flex-shrink:0}.ranked-match-page__kda{text-align:center}.ranked-match-page__kda-val{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em;font-size:15px;font-weight:700}.ranked-match-page__cs,.ranked-match-page__vision{text-align:center;line-height:1.15}.ranked-match-page__stat-main{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:14px;font-weight:700;display:block}.ranked-match-page__stat-sub{color:var(--rm-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9px;font-weight:600;display:block}.ranked-match-page__damage,.ranked-match-page__gold{align-items:center;gap:8px;min-width:0;display:flex}.ranked-match-page__bar-wrap{background:#ffffff0f;border-radius:4px;flex:1;min-width:0;height:8px;overflow:hidden}.ranked-match-page__bar{border-radius:4px;min-width:2px;height:100%;transition:width .25s;box-shadow:0 0 8px -2px}.ranked-match-page__bar-stat{text-align:center;flex-shrink:0;min-width:42px;line-height:1.15}.ranked-match-page__items{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;gap:3px;display:flex}.ranked-match-page__items img{border:1px solid var(--border-strong);border-radius:4px;box-shadow:0 1px 3px #0006}.ranked-mob-player{border-top:1px solid var(--rm-divider-soft);box-sizing:border-box;max-width:100%;padding:12px 14px}.ranked-mob-player:first-child{border-top:none}.ranked-mob-player__head{align-items:center;gap:12px;min-width:0;margin-bottom:10px;display:flex}.ranked-mob-player__champ{flex-shrink:0;width:42px;height:42px;position:relative}.ranked-mob-player__champ img{border-radius:var(--rm-radius-md);border:2px solid var(--border-strong);object-fit:cover;width:42px;height:42px;display:block;box-shadow:0 2px 6px #0006}.ranked-mob-player__level{text-align:center;background:var(--bg);min-width:18px;color:var(--text-2);border:1px solid var(--border-strong);border-radius:5px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0009}.ranked-mob-player__identity{flex:1;min-width:0;line-height:1.25}.ranked-mob-player__name{min-width:0;max-width:100%;color:var(--rm-text);align-items:baseline;gap:4px;text-decoration:none;transition:color .12s;display:inline-flex}.ranked-mob-player__name:hover{color:#c4b5fd}.ranked-mob-player__name-text{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:700;overflow:hidden}.ranked-mob-player__tag{color:var(--rm-text-faint);flex-shrink:0;font-size:11px}.ranked-mob-player__sub{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.ranked-mob-player__kda-val{font-variant-numeric:tabular-nums;color:var(--text-strong);letter-spacing:-.01em;flex-shrink:0;font-size:14px;font-weight:700}.ranked-mob-player__loadout{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ranked-mob-player__spells,.ranked-mob-player__runes{flex-shrink:0;gap:3px;display:flex}.ranked-mob-player__rune{border:1px solid var(--border-strong);object-fit:cover;background:var(--surface);border-radius:4px;width:22px;height:22px}.ranked-mob-player__rune--round{background:var(--bg);border-radius:50%}.ranked-mob-player__rune--empty{background:var(--border-subtle);opacity:.4;display:block}.ranked-mob-player__items{flex-wrap:wrap;flex:auto;gap:3px;min-width:0;display:flex}.ranked-mob-player__items img{border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0006}.ranked-mob-player__bottom{flex-direction:column;gap:7px;display:flex}.ranked-mob-player__metric{align-items:center;gap:10px;min-width:0;display:flex}.ranked-mob-player__metric-label{color:var(--rm-text-faint);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;width:34px;font-size:10px;font-weight:700}.ranked-mob-player__metric-val{color:var(--rm-text);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-shrink:0;min-width:64px;font-size:12px;font-weight:700}.ranked-mob-player__muted{color:var(--rm-text-muted);font-size:10px;font-weight:500}@media (max-width:900px){.profile-page__inner--ranked{padding:12px max(8px, env(safe-area-inset-right)) 40px max(8px, env(safe-area-inset-left))}.ranked-match-page{margin-top:0}.ranked-match-page__header{margin-bottom:12px}.ranked-match-page__title{font-size:18px}.ranked-match-page__subtitle{margin-top:3px;font-size:11px}.ranked-match-page__teams{gap:10px}.ranked-match-page__team{border-radius:10px}.ranked-match-page__team-header{gap:6px 12px;padding:10px 14px 10px 18px}.ranked-match-page__outcome{font-size:13px}.ranked-match-page__team-label{font-size:11px}.ranked-match-page__objectives{flex-basis:100%;order:3;justify-content:flex-start;gap:10px 14px;padding:4px 0 0}.ranked-match-page__objective-count{font-size:18px}.ranked-match-page__objective-icon{width:28px;height:28px}.ranked-match-page__team-kda{font-size:13px}.ranked-match-page__team-dmg{font-size:11px}.ranked-match-page__team-gold{display:none}.ranked-match-page__player{grid-template-columns:58px minmax(0,1fr) minmax(0,64px) minmax(0,1fr);grid-template-areas:"champ name kda items""champ damage damage damage";gap:6px 10px;padding:10px 12px}.ranked-match-page__champ{grid-area:champ}.ranked-match-page__name-col{grid-area:name}.ranked-match-page__kda{grid-area:kda}.ranked-match-page__items{flex-wrap:wrap;grid-area:items;justify-content:flex-end;max-width:100%}.ranked-match-page__cs,.ranked-match-page__vision,.ranked-match-page__gold{display:none}.ranked-match-page__damage{grid-area:damage}.ranked-match-page__champ-icon{width:44px;height:44px}.ranked-match-page__champ-level{left:28px}.ranked-match-page__spell-rune{display:none}}:root[data-theme=light] .ranked-match-page__team{background:linear-gradient(#fff 0%,#f6f7f9 100%)}:root[data-theme=light] .ranked-match-card{border-color:var(--border);background:radial-gradient(circle at 18% 0,#00000005,#0000 34%),linear-gradient(135deg,#fff,#f4f5f7)}:root[data-theme=light] .ranked-match-card--win{background:radial-gradient(circle at 10% 0,#22c55e29,#0000 40%),linear-gradient(135deg,#22c55e1f,#fff 48%);border-color:#22c55e52}:root[data-theme=light] .ranked-match-card--loss{background:radial-gradient(circle at 10% 0,#ef444421,#0000 40%),linear-gradient(135deg,#ef44441a,#fff 48%);border-color:#ef44444d}:root[data-theme=light] .match-participants{background:linear-gradient(#ffffffb3,#f8fafcf2),#0f172a08;border-color:#0f172a14;box-shadow:inset 0 1px #ffffffe6}:root[data-theme=light] .match-participants__team--ally{border-right-color:#0f172a14}:root[data-theme=light] .match-participants__player:hover{background:#0f172a0d}:root[data-theme=light] .match-participants__player--focus{background:#0f172a0f}:root[data-theme=light] .ranked-match-card__build{background:linear-gradient(#ffffffe6,#f8fafcf2),#0f172a0a;border-color:#0f172a1a;box-shadow:inset 0 1px #fffffff2}:root[data-theme=light] .ranked-match-card__role{filter:none;opacity:.72}:root[data-theme=light] .ranked-match-card__outcome-text--win{color:#052e16}:root[data-theme=light] .ranked-match-card__outcome-text--loss{color:#450a0a}:root[data-theme=light] .ranked-match-card__outcome-text--remake{color:#27272a}:root[data-theme=light] .arena-match-card{background:radial-gradient(circle at 12% 0,#a855f714,#0000 38%),linear-gradient(135deg,#fff,#f4f5f7);border-color:#a855f738}:root[data-theme=light] .arena-match-card--win{background:radial-gradient(circle at 10% 0,#fbbf2424,#0000 36%),radial-gradient(circle at 28% 15%,#a855f714,#0000 36%),linear-gradient(135deg,#fef3c780,#fff 48%);border-color:#fbbf2452}:root[data-theme=light] .arena-match-card--loss{background:radial-gradient(circle at 10% 0,#ef44441f,#0000 38%),radial-gradient(circle at 28% 15%,#a855f70f,#0000 36%),linear-gradient(135deg,#fee2e273,#fff 48%);border-color:#ef444447}:root[data-theme=light] .arena-match-card__build{background:linear-gradient(#ffffffe6,#f8fafcf2),#0f172a0a;border-color:#0f172a1a;box-shadow:inset 0 1px #fffffff2}:root[data-theme=light] .arena-match-card__place-text--first{color:#422006}:root[data-theme=light] .arena-match-card__place-text--top4{color:#052e16}:root[data-theme=light] .arena-match-card__place-text--out{color:#450a0a}:root[data-theme=light] .arena-match-card__place-text:not(.arena-match-card__place-text--first):not(.arena-match-card__place-text--top4):not(.arena-match-card__place-text--out){color:#5b21b6;background:linear-gradient(#ede9fef2,#ddd6fed9);border-color:#8b5cf633}:root[data-theme=light] .ranked-match-card__champ-level,:root[data-theme=light] .arena-match-card__champ-level{color:var(--text-secondary);background:#fffffff5;border-color:#0f172a1f;box-shadow:0 1px 3px #0f172a14}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navbar-height:62px;--bg:#09090b;--bg-2:#111113;--surface:#18181b;--surface-hover:#1f1f23;--border-subtle:#1f1f22;--border:#27272a;--border-strong:#3f3f46;--text-strong:#fff;--text:#e4e4e7;--text-2:#d4d4d8;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--navbar-bg:#09090be0}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navbar-bg:#ffffffd9;--bg:#f6f7f9;--bg-2:#eceef1;--surface:#fff;--surface-hover:#eef0f3;--border-subtle:#eaecef;--border:#e1e3e8;--border-strong:#c9ccd3;--text-strong:#0a0a0c;--text:#1d1f24;--text-2:#2b2d33;--text-secondary:#4a4d55;--text-muted:#65686f;--text-dim:#8a8d95}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}html,body{background-color:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,sans-serif}body{max-width:100%}.site-shell,.site-shell-main{min-width:0;max-width:100%}a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}select:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}[tabindex]:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}[role=tab]:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}[role=option]:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-shell-main{flex:auto}.site-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;align-items:center;gap:12px;margin-top:auto;padding:24px 20px 28px;display:flex}.site-footer__links{align-items:center;gap:8px;display:flex}.site-footer__link{color:var(--text-dim);font-size:12px;text-decoration:none;transition:color .15s}.site-footer__link:hover{color:#a78bfa}.site-footer__sep{color:var(--border-strong);font-size:12px}.site-footer-text{max-width:720px;color:var(--border-strong);text-align:center;margin:0 auto;font-size:11px;line-height:1.55}@media (max-width:640px){.site-footer{padding:16px max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.site-footer-text{font-size:10px;line-height:1.5}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,calc(6px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes spin{to{transform:rotate(360deg)}}.home-page{min-height:calc(100dvh - var(--navbar-height));flex-direction:column;align-items:center;gap:64px;padding:clamp(60px,12vh,140px) 24px 24px;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:600px;display:flex}.home-hero h1{letter-spacing:-.04em;color:var(--text-strong);background:linear-gradient(135deg, var(--text-strong) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,8vw,56px);font-weight:900;line-height:1.1}.home-hero__subtitle{color:var(--text-muted);max-width:440px;font-size:clamp(14px,2.5vw,17px);line-height:1.5}.home-search-wrapper{width:100%;max-width:480px;margin-top:12px}.home-search-form{width:100%}.home-search-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.home-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.home-search-box__icon{color:var(--text-dim);flex-shrink:0}.home-search-box__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.home-search-box__input::placeholder{color:var(--text-dim)}.home-search-box__kbd{color:var(--text-dim);background:var(--border);border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:11px}.home-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:740px;display:grid}.home-feature-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.home-feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}a.home-feature-card:hover{border-color:#8b5cf6}.home-feature-card__icon{color:#a78bfa;background:#8b5cf61a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.home-feature-card h3{color:var(--text);font-size:15px;font-weight:600}.home-feature-card p{color:var(--text-muted);font-size:13px;line-height:1.5}@media (max-width:768px){.home-page{gap:40px;width:100%;max-width:100%;padding:clamp(32px,8vh,80px) 16px 48px}.home-hero{width:100%}.home-search-wrapper{margin-top:8px}.home-features{grid-template-columns:1fr;max-width:100%}.home-feature-card{padding:16px}}@media (max-width:480px){.home-page{gap:32px;padding:12px 12px 40px}.home-search-box{padding:12px 14px}.home-search-box__kbd{display:none}.home-feature-card h3{font-size:14px}}.search-form{width:100%;position:relative}.search-box{background:linear-gradient(#161618 0%,#121214 100%);border:1px solid #2a2a30;border-radius:14px;align-items:center;gap:0;padding:5px 5px 5px 0;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff0a}.search-box:focus-within,.search-box--focused{border-color:#8b5cf673;box-shadow:0 0 0 3px #8b5cf61f,0 4px 16px #00000059,inset 0 1px #ffffff0d}.search-box.dropdown-open{border-radius:14px 14px 0 0}.search-box__icon{width:44px;color:var(--text-dim);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.search-box:focus-within .search-box__icon,.search-box--focused .search-box__icon{color:#a78bfa}.search-input{color:#fafafa;letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 12px 10px 0;font-size:15px}.search-input::placeholder{color:var(--text-dim);transition:color .2s}.search-box:focus-within .search-input::placeholder,.search-box--focused .search-input::placeholder{color:var(--text-muted)}:is(.search-input:focus-visible,.home-search-box__input:focus-visible){outline:none}.search-btn{min-height:40px;color:var(--text-strong);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 2px 10px #7c3aed59}.search-btn:hover{background:linear-gradient(135deg,#9d71f7 0%,#8b5cf6 100%);box-shadow:0 4px 14px #7c3aed73}.search-btn:active{transform:scale(.98)}.search-btn__icon{justify-content:center;align-items:center;display:none}.search-btn__label{line-height:1}.search-dropdown{z-index:50;background:#141416;border:1px solid #8b5cf640;border-top:none;border-radius:0 0 14px 14px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000073}.search-dropdown-header{color:var(--border-strong);text-transform:uppercase;letter-spacing:.08em;padding:6px 16px 4px;font-size:11px}.search-dropdown-item{cursor:pointer;color:inherit;align-items:center;gap:10px;padding:9px 12px 9px 16px;text-decoration:none;transition:background-color .1s;display:flex}.search-dropdown-item:hover,.search-dropdown-item.active{background:#8b5cf61a;text-decoration:none}.search-dropdown-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.search-delete-btn{width:20px;height:20px;color:var(--border-strong);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .1s,background-color .1s;display:flex}.search-delete-btn:hover{color:var(--text-secondary);background:var(--border-strong)}.search-navbar{z-index:100;padding:10px max(24px, env(safe-area-inset-right)) 10px max(24px, env(safe-area-inset-left));min-height:var(--navbar-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.search-navbar__start{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:flex}.search-navbar__logo{color:var(--text);white-space:nowrap;letter-spacing:-.02em;flex-shrink:0;font-size:15px;font-weight:800;text-decoration:none;transition:color .15s}.search-navbar__logo:hover{color:#a78bfa}.search-navbar__nav{flex-shrink:0;align-items:center;gap:4px;display:flex}.search-navbar__link{color:var(--text-dim);white-space:nowrap;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.search-navbar__link:hover{color:#a78bfa;background:#a78bfa14}.search-navbar__form{flex:1 1 0;min-width:140px}.search-navbar__form>form{width:100%;min-width:0}.search-navbar__menu-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:none;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff0a}.search-navbar__menu-btn:hover{color:var(--text);border-color:var(--border-strong)}.search-navbar__menu-btn[aria-expanded=true]{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf673}.search-navbar__backdrop{z-index:150;cursor:pointer;background:#0000008c;border:none;margin:0;padding:0;animation:.2s search-navbar-fade-in;position:fixed;inset:0}.search-navbar__drawer{z-index:160;width:min(300px,88vw);height:100dvh;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-left:1px solid var(--border);flex-direction:column;animation:.25s search-navbar-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #00000073}.search-navbar__drawer-header{padding:max(16px, env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.search-navbar__drawer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:13px;font-weight:700}.search-navbar__drawer-close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.search-navbar__drawer-close:hover{color:var(--text);background:var(--border)}.search-navbar__drawer-nav{flex-direction:column;gap:4px;padding:8px;display:flex}.search-navbar__drawer-link{color:var(--text-2);border-radius:10px;padding:14px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:block}.search-navbar__drawer-link:hover{color:var(--text-strong);background:#8b5cf61f}@keyframes search-navbar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes search-navbar-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.search-box--navbar{background:linear-gradient(#131316 0%,#0f0f12 100%);border-radius:9999px;width:100%;padding:4px 8px 4px 0}.search-box--navbar.dropdown-open{border-radius:18px 18px 0 0}.search-box--navbar .search-box__icon{width:36px}.search-box--navbar .search-input{padding:8px 10px 8px 0;font-size:14px}.search-box--navbar .search-btn{border-radius:9999px;min-width:34px;min-height:34px;padding:0}.search-box--navbar .search-btn__label{display:none}.search-box--navbar .search-btn__icon{display:flex}.search-box--navbar .search-dropdown{border-radius:0 0 18px 18px}@media (min-width:640px){.search-box--navbar{padding-right:10px}.search-box--navbar .search-btn{gap:5px;min-width:auto;padding:0 16px}.search-box--navbar .search-btn__label{font-size:13px;display:inline}.search-box--navbar .search-btn__icon{display:none}}.profile-page{min-height:100vh;overflow-x:clip}.profile-page__inner{max-width:1240px;margin:0 auto;padding:32px 24px 80px}.profile-page-skeleton__status{color:var(--text-dim);text-align:center;margin:0 0 16px;font-size:13px}.page-loading{min-height:48vh;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.page-loading-text{margin:0}.page-loading-spinner{border:2px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.error-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;padding:48px 24px;display:flex}.error-notice__icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.error-notice__title{color:var(--text);margin:0;font-size:18px;font-weight:600}.error-notice__message{color:var(--text-muted);max-width:360px;margin:0;font-size:14px;line-height:1.5}.error-notice__retry{color:var(--text-strong);cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;margin-top:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .15s}.error-notice__retry:hover{background:#7c3aed}.back-link{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:32px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text-secondary)}.profile-layout{align-items:flex-start;gap:16px;display:flex}.profile-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:300px;display:flex}.profile-sidebar>.filter-results{flex-direction:column;gap:12px;display:flex}.profile-main{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.card--summoner{padding:14px 16px}.widget-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px}.sidebar-ranked-grid{flex-direction:column;gap:12px;display:flex}.ranked-card{border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.summoner-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.refresh-btn{border:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 0;font-size:12px;transition:border-color .15s,color .15s;display:flex}.refresh-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-secondary)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.refresh-btn--syncing{border-bottom:none;border-radius:7px 7px 0 0}.sync-progress-bar-wrap{background:var(--border);border:1px solid var(--border);border-top:none;border-radius:0 0 7px 7px;height:3px;overflow:hidden}.sync-progress-bar{background:#8b5cf6;height:100%;transition:width .4s}.wr-bar{background:var(--border);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.wr-bar__fill{border-radius:2px;height:100%;transition:width .4s}.wr-bar__fill--win{background:#4ade80}.wr-bar__fill--loss{background:#f87171}.champ-row{align-items:center;gap:10px;display:flex}.champ-row+.champ-row{margin-top:8px}.champ-row-link{cursor:pointer}.champ-row-link:hover{color:#a78bfa;text-decoration:underline}.role-row{align-items:center;gap:10px;display:flex}.role-row+.role-row{margin-top:8px}.role-row--empty{pointer-events:none}.role-row__other-icon{border:1px dashed var(--border-strong);opacity:.5;border-radius:4px;flex-shrink:0;width:22px;height:22px;display:block}.played-with-row{align-items:center;gap:10px;display:flex}.played-with-row+.played-with-row{margin-top:8px}.widget-show-more{border:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;padding:5px 0;font-size:11px;transition:border-color .12s,color .12s;display:block}.widget-show-more:hover{border-color:var(--border-strong);color:var(--text-secondary)}.played-with-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;text-decoration:none;transition:color .12s;display:block;overflow:hidden}.played-with-name:hover{color:#a78bfa}.kda-line,.kda-ratio,.wr-tier{font-variant-numeric:tabular-nums}.kda-line{white-space:nowrap}.match-pill-kda{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.match-pill-kda .kda-line,.match-pill-kda .kda-ratio{display:block}.kda-line__sep{color:var(--text-dim);margin:0 2px}.kda-tier--perfect,.kda-tier--high,.wr-tier--high,.kda-line.kda-tier--perfect,.kda-line.kda-tier--high,.kda-line.kda-tier--perfect .kda-line__k,.kda-line.kda-tier--perfect .kda-line__d,.kda-line.kda-tier--perfect .kda-line__a,.kda-line.kda-tier--high .kda-line__k,.kda-line.kda-tier--high .kda-line__d,.kda-line.kda-tier--high .kda-line__a,.kda-ratio.kda-tier--perfect,.kda-ratio.kda-tier--high,.kda-stat-block.kda-tier--perfect .kda-stat-block__k,.kda-stat-block.kda-tier--perfect .kda-stat-block__d,.kda-stat-block.kda-tier--perfect .kda-stat-block__a,.kda-stat-block.kda-tier--perfect .kda-stat-block__ratio,.kda-stat-block.kda-tier--high .kda-stat-block__k,.kda-stat-block.kda-tier--high .kda-stat-block__d,.kda-stat-block.kda-tier--high .kda-stat-block__a,.kda-stat-block.kda-tier--high .kda-stat-block__ratio,.wr-tier.wr-tier--high{color:#fbbf24}.kda-tier--good,.wr-tier--good,.kda-line.kda-tier--good,.kda-line.kda-tier--good .kda-line__k,.kda-line.kda-tier--good .kda-line__d,.kda-line.kda-tier--good .kda-line__a,.kda-ratio.kda-tier--good,.kda-stat-block.kda-tier--good .kda-stat-block__k,.kda-stat-block.kda-tier--good .kda-stat-block__d,.kda-stat-block.kda-tier--good .kda-stat-block__a,.kda-stat-block.kda-tier--good .kda-stat-block__ratio,.wr-tier.wr-tier--good{color:#4ade80}.kda-tier--avg,.wr-tier--avg,.kda-line.kda-tier--avg,.kda-line.kda-tier--avg .kda-line__k,.kda-line.kda-tier--avg .kda-line__d,.kda-line.kda-tier--avg .kda-line__a,.kda-ratio.kda-tier--avg,.kda-stat-block.kda-tier--avg .kda-stat-block__k,.kda-stat-block.kda-tier--avg .kda-stat-block__d,.kda-stat-block.kda-tier--avg .kda-stat-block__a,.kda-stat-block.kda-tier--avg .kda-stat-block__ratio,.wr-tier.wr-tier--avg{color:var(--text-secondary)}.kda-tier--low,.wr-tier--low,.kda-line.kda-tier--low,.kda-line.kda-tier--low .kda-line__k,.kda-line.kda-tier--low .kda-line__d,.kda-line.kda-tier--low .kda-line__a,.kda-ratio.kda-tier--low,.kda-stat-block.kda-tier--low .kda-stat-block__k,.kda-stat-block.kda-tier--low .kda-stat-block__d,.kda-stat-block.kda-tier--low .kda-stat-block__a,.kda-stat-block.kda-tier--low .kda-stat-block__ratio,.wr-tier.wr-tier--low{color:#f87171}.wr-bar__fill--high{background:#fbbf24}.wr-bar__fill--good{background:#4ade80}.wr-bar__fill--avg{background:var(--text-muted)}.wr-bar__fill--low{background:#f87171}.performance-widget{min-height:286px;margin-bottom:4px}.performance-widget__champ-divider{background:var(--border);height:1px;margin-bottom:12px}.performance-widget .perf-champions{min-height:142px}.perf-champ-icon{border:1px solid var(--border-strong);border-radius:6px;flex-shrink:0}.perf-champ-icon--placeholder{width:32px;height:32px}.perf-champ-games{margin-top:1px;font-size:11px}.kda-stat-block__line{font-variant-numeric:tabular-nums;white-space:nowrap}.kda-stat-block__sep{color:var(--text-dim);margin:0 2px}.kda-stat-block__ratio{font-variant-numeric:tabular-nums;font-weight:600}.kda-stat-block--perf-overall .kda-stat-block__line{color:var(--text-strong);font-size:14px;font-weight:700}.kda-stat-block--perf-overall .kda-stat-block__ratio{margin-top:2px;font-size:12px}.kda-stat-block--perf-champ .kda-stat-block__line{color:var(--text-strong);font-size:12px}.kda-stat-block--perf-champ .kda-stat-block__ratio{margin-top:1px;font-size:11px}.kda-stat-block--champ-row .kda-stat-block__line{font-size:11px}.kda-stat-block--placeholder{visibility:hidden;pointer-events:none}.perf-kda-label{margin-bottom:2px;font-size:12px}.perf-champ-row--placeholder{visibility:hidden;pointer-events:none}.perf-overall{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:16px;display:flex}.perf-wl{min-width:90px}.perf-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.perf-champions{flex-direction:column;gap:10px;display:flex}.perf-champ-row{align-items:center;gap:12px;display:flex}.perf-champ-link{min-width:0;color:inherit;cursor:pointer;z-index:2;pointer-events:auto;border-radius:6px;flex:1;align-items:center;gap:12px;text-decoration:none;transition:opacity .12s;display:flex;position:relative}.champ-row-name-link{color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:12px;font-weight:600;text-decoration:none;transition:color .12s;display:block;overflow:hidden}.champ-row-name-link:hover{color:#a78bfa}.champ-row-name-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #8b5cf6}.perf-champ-link:hover .perf-champ-name-text{color:#a78bfa}.perf-champ-link:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.perf-champ-name{flex:1;min-width:0}.perf-champ-name-text{color:var(--text);font-size:13px;font-weight:600;transition:color .12s;display:block}.perf-champ-wl{text-align:right;min-width:70px}.perf-champ-div{background:var(--border);flex-shrink:0;width:1px;height:28px}.perf-champ-kda{text-align:right;min-width:70px}.match-filters{flex-wrap:nowrap;align-items:center;gap:4px;width:100%;margin-bottom:10px;display:flex}.filter-select-wrap{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.filter-select-wrap--grow{flex:1 1 0;min-width:120px}.filter-select{-webkit-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;outline:none;height:28px;padding:4px 26px 4px 10px;font-size:12px;transition:border-color .12s,color .12s}.filter-select-wrap--grow .filter-select{width:100%}.filter-select:hover{border-color:var(--border-strong);color:var(--text-secondary)}.filter-select:focus{border-color:var(--text-dim);background:var(--bg);color:var(--text-secondary)}.filter-select-wrap--active .filter-select{color:#a78bfa;background:#1a102d;border-color:#7c3aed;font-weight:600}.filter-select-wrap--against.filter-select-wrap--active .filter-select{color:#f87171;background:#290d0f;border-color:#dc2626}.filter-select--with-icon{padding-left:28px}.filter-select-chevron{pointer-events:none;color:var(--text-dim);flex-shrink:0;position:absolute;right:8px}.filter-select-wrap--active .filter-select-chevron{color:#a78bfa}.filter-select-wrap--against.filter-select-wrap--active .filter-select-chevron{color:#f87171}.filter-select-icon{pointer-events:none;flex-shrink:0;position:absolute;left:8px}.filter-clear{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;margin-left:2px;padding:2px 4px;font-size:11px;text-decoration:underline}.filter-clear:hover{color:var(--text-secondary)}.matches-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:10px;font-size:13px;font-weight:600}.match-list{contain:layout;flex-direction:column;gap:10px;min-width:0;max-width:100%;display:flex}.match-list>.match-card,.match-list>.ranked-match-card{content-visibility:auto;contain-intrinsic-size:auto 92px;min-width:0}.match-list>.arena-match-card{content-visibility:auto;contain-intrinsic-size:auto 84px;min-width:0}.match-list-sentinel{justify-content:center;min-height:48px;padding:12px 0 4px;display:flex}.match-list-sentinel__label{color:var(--text-muted);margin:0;font-size:13px}.load-more-btn{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 0;font-size:14px;transition:border-color .15s,color .15s;display:flex}.load-more-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-secondary)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.arena-match-card{--rm-pill-champ-col:58px;--rm-pill-champ-size:56px;grid-template-columns:var(--rm-pill-champ-col) minmax(0, 1fr);border-radius:var(--rm-radius-lg);align-items:start;gap:12px;min-width:0;max-width:100%;padding:10px 12px 10px 14px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:visible;container:arena-match-card/inline-size}.arena-match-card:before{content:"";border-radius:var(--rm-radius-lg) 0 0 var(--rm-radius-lg);width:4px;position:absolute;top:0;bottom:0;left:0}.arena-match-card__champ-link{color:inherit;border-radius:var(--rm-radius-md);flex-shrink:0;align-items:center;text-decoration:none;transition:transform .16s;display:flex}@media (hover:hover) and (pointer:fine){.arena-match-card__champ-link:hover{transform:scale(1.04)}}.arena-match-card__champ-link:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.arena-match-card__champ{flex-shrink:0;position:relative}.arena-match-card__champ-level{background:var(--bg);min-width:18px;color:var(--text-2);text-align:center;border:1px solid var(--border-strong);white-space:nowrap;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000080}.arena-match-card__body{min-width:0;color:inherit;text-decoration:none}.arena-match-card__body:focus-visible{outline-offset:-2px;border-radius:var(--rm-radius-md);outline:2px solid #a78bfa}.arena-match-card__meta{flex-shrink:0;min-width:0;line-height:1.3}.arena-match-card__time{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:clamp(11px,2.8cqi,12px);display:flex}.arena-match-card__ago{color:var(--rm-text-faint)}.arena-match-card__mode{color:var(--rm-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:3px;font-size:clamp(12px,3.6cqi,14px);font-weight:700;line-height:1.2;overflow:hidden}.arena-match-card__kda{flex-shrink:0}.arena-match-card__kda-line{color:var(--text-strong);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:center;width:100%;font-size:clamp(15px,4.8cqi,18px);font-weight:700;line-height:1.15}.arena-match-card__kda-ratio{color:var(--rm-accent-kda);text-align:center;font-variant-numeric:tabular-nums;width:100%;margin-top:2px;font-size:clamp(11px,3cqi,12px);font-weight:700;line-height:1.2}.arena-match-card__spell--empty{background:var(--border-subtle);border-color:var(--border);opacity:.5}.arena-match-card__augment-group{flex-shrink:0;grid-template-rows:repeat(2,22px);grid-template-columns:repeat(2,22px);gap:3px;display:grid}.arena-match-card__augment{object-fit:cover;background:var(--surface);border:1px solid #ffffff29;border-radius:50%;display:block}.arena-match-card__augment--empty{background:var(--border-subtle);border-color:var(--border);opacity:.4}.arena-match-card__build-sep{background:#ffffff12;flex-shrink:0;align-self:stretch;width:1px;min-height:44px}.arena-match-card__items{flex-shrink:0;gap:3px;display:grid}.arena-match-card__items img{border:1px solid var(--border);border-radius:4px}.arena-match-card__place{width:var(--rm-outcome-col);min-width:var(--rm-outcome-col);max-width:var(--rm-outcome-col);color:inherit;flex-shrink:0;justify-content:center;place-self:start end;align-items:center;margin-left:0;padding:0;text-decoration:none;display:flex}.arena-match-card__place:focus-visible{outline-offset:2px;border-radius:var(--rm-radius-md);outline:2px solid #a78bfa}.arena-match-card__place-text{box-sizing:border-box;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;width:max-content;max-width:100%;color:var(--text-2);background:linear-gradient(#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.arena-match-card__place-text--first{color:#422006;background:linear-gradient(#fbbf24,#f59e0b);border-color:#0000;box-shadow:inset 0 1px #fff3,0 0 16px -4px #f59e0b}.arena-match-card__place-text--top4{color:#052e16;background:linear-gradient(#4ade80,#22c55e);border-color:#0000;box-shadow:inset 0 1px #ffffff26,0 0 12px -4px #22c55e}.arena-match-card__place-text--out{color:#450a0a;background:linear-gradient(#f87171,#ef4444);border-color:#0000;box-shadow:inset 0 1px #ffffff26,0 0 12px -4px #ef4444}.arena-match-card__summary{color:inherit;text-decoration:none;display:contents}.arena-match-card__summary:focus-visible{outline:none}.arena-match-card__stats:focus-within,.arena-match-card__build:focus-within{outline-offset:2px;border-radius:var(--rm-radius-md);outline:2px solid #a78bfa}.arena-match-card{background:radial-gradient(circle at 12% 0,#a855f733,#0000 38%),linear-gradient(135deg,#312e8133,#0d0d10f5 46%);border:1px solid #a855f738;border-radius:16px;height:auto;min-height:0;box-shadow:0 18px 44px -30px #000000e6,inset 0 1px #ffffff0b}.arena-match-card:before{z-index:1;border-radius:16px 0 0 16px;width:5px}.arena-match-card--win:before{background:linear-gradient(#fde68a,#a855f7);box-shadow:0 0 24px -5px #a855f7f2}.arena-match-card--loss:before{background:linear-gradient(#fca5a5,#7c3aed);box-shadow:0 0 24px -5px #7c3aeddb}.arena-match-card:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .18s;position:absolute;inset:0}.arena-match-card--win{background:radial-gradient(circle at 10% 0,#fbbf2433,#0000 36%),radial-gradient(circle at 28% 15%,#a855f724,#0000 36%),linear-gradient(135deg,#581c873d,#0d0d10f5 48%);border-color:#fbbf2438}.arena-match-card--loss{background:radial-gradient(circle at 10% 0,#f8717126,#0000 38%),radial-gradient(circle at 28% 15%,#a855f71f,#0000 36%),linear-gradient(135deg,#7f1d1d33,#0d0d10f5 48%);border-color:#f8717133}.arena-match-card--win:after{background:linear-gradient(90deg,#fbbf2421,#0000 48%)}.arena-match-card--loss:after{background:linear-gradient(90deg,#ef44441c,#0000 48%)}@media (hover:hover) and (pointer:fine){.arena-match-card:hover{transform:translateY(-2px)}.arena-match-card:hover:after{opacity:1}.arena-match-card--win:hover{border-color:#fbbf2466;box-shadow:0 22px 50px -32px #fbbf24c2,0 18px 42px -32px #000000e6,inset 0 1px #ffffff0f}.arena-match-card--loss:hover{border-color:#f8717157;box-shadow:0 22px 50px -32px #ef4444b8,0 18px 42px -32px #000000e6,inset 0 1px #ffffff0f}}.arena-match-card__champ-link{z-index:2;align-self:center}.arena-match-card__champ-icon{width:var(--rm-pill-champ-size);height:var(--rm-pill-champ-size);object-fit:cover;border:1px solid #ffffff24;border-radius:14px;display:block;box-shadow:0 12px 26px -14px #000000f2,inset 0 1px #ffffff1f}.arena-match-card--win .arena-match-card__champ-icon{outline:2px solid #fbbf24b8}.arena-match-card--loss .arena-match-card__champ-icon{outline:2px solid #f87171ad}.arena-match-card__champ-level{background:#09090beb;border-color:#ffffff29;border-radius:999px;min-width:20px;padding:2px 6px;bottom:-5px;box-shadow:0 7px 18px -10px #000000f2}.arena-match-card__body{z-index:2;width:100%;min-width:0;color:inherit;padding:0;text-decoration:none;position:relative;overflow:visible}.arena-match-card__stats{grid-template-columns:minmax(0, 1fr) var(--rm-kda-col);align-items:center;gap:10px;min-width:0;display:grid}.arena-match-card__meta{align-self:center;min-width:0;line-height:1.3}.arena-match-card__build{box-sizing:border-box;background:linear-gradient(#ffffff0e,#ffffff05),#0003;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;min-height:0;margin-left:0;padding:6px 8px;display:flex;box-shadow:inset 0 1px #ffffff0b}.arena-match-card__place{align-self:start}.arena-match-card__kda{width:var(--rm-kda-col);min-width:var(--rm-kda-col);max-width:var(--rm-kda-col);flex-shrink:0;place-self:center}.arena-match-card__mode{margin-top:4px}@container arena-match-card (width>=720px){.arena-match-card{--rm-pill-champ-col:58px;--rm-pill-champ-size:52px;align-items:center;min-height:0;padding:8px 10px 8px 14px}.arena-match-card__champ-link,.arena-match-card__place{align-self:center}}.arena-match-card__build-sep{display:none}.arena-match-card__spell-group{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.arena-match-card__spell{width:var(--rm-pill-icon,22px);height:var(--rm-pill-icon,22px);border-radius:var(--rm-radius-sm);border:1px solid var(--border-strong);object-fit:cover;background:var(--border-subtle);display:block}.arena-match-card__augment-group{grid-template-columns:repeat(2, var(--rm-pill-icon,22px));grid-template-rows:repeat(2, var(--rm-pill-icon,22px));flex-shrink:0;gap:3px;display:grid}.arena-match-card__augment{width:var(--rm-pill-icon,22px);height:var(--rm-pill-icon,22px)}.arena-match-card__items{grid-template-columns:repeat(3, var(--rm-pill-item,24px));grid-template-rows:repeat(2, var(--rm-pill-item,24px))}.arena-match-card__items>span,.arena-match-card__items>div,.arena-match-card__items img{width:var(--rm-pill-item,24px);height:var(--rm-pill-item,24px)}.arena-match-card__items img,.arena-match-card__spell,.arena-match-card__augment{box-shadow:0 5px 12px -8px #000000e6}.arena-match-card__place-text{letter-spacing:.04em;padding:8px 12px;font-size:13px;box-shadow:inset 0 1px #fff3,0 10px 20px -14px}.arena-match-card__place-text:not(.arena-match-card__place-text--first):not(.arena-match-card__place-text--top4):not(.arena-match-card__place-text--out){color:#ddd6fe;background:linear-gradient(#a855f73d,#581c872e);border-color:#c4b5fd29}.arena-match-card__place{width:var(--rm-outcome-col);min-width:var(--rm-outcome-col);max-width:var(--rm-outcome-col);justify-content:center;justify-self:end;margin-left:0;padding:0}.arena-match-card__place-text{width:max-content;max-width:100%}@container arena-match-card (width<=719px){.match-participants{display:none}.arena-match-card{--rm-pill-champ-col:56px;--rm-pill-champ-size:52px;grid-template-columns:var(--rm-pill-champ-col) minmax(0, 1fr);align-items:start;min-height:0;padding:10px 12px 12px}.arena-match-card__champ-link{align-self:start;padding-top:2px}.arena-match-card__body{grid-template-columns:minmax(0, 1fr) var(--rm-outcome-col);grid-template-areas:"stats place""build build";align-items:start;gap:8px 10px;display:grid}.arena-match-card__stats{grid-area:stats}.arena-match-card__build{grid-area:build}.arena-match-card__place{grid-area:place}.arena-match-card__build{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;scroll-padding-inline:8px;overflow-x:auto}@media (prefers-reduced-motion:reduce){.arena-match-card__build{scrollbar-width:thin}}}@container arena-match-card (width<=620px){.arena-match-card__body{gap:10px}.arena-match-card__stats{align-items:center;gap:10px;min-width:0}.arena-match-card__meta{min-width:0}.arena-match-card__place{width:var(--rm-outcome-col);min-width:var(--rm-outcome-col);max-width:var(--rm-outcome-col);place-self:center end;margin-left:0;padding:0}.arena-match-card__place-text{min-height:32px}}@container arena-match-card (width<=430px){.arena-match-card{--rm-pill-champ-col:50px;--rm-pill-champ-size:48px;--rm-pill-icon:20px;--rm-pill-item:22px;grid-template-columns:var(--rm-pill-champ-col) minmax(0, 1fr);gap:10px;min-height:0;padding:10px 10px 13px}.arena-match-card__body{gap:9px 8px}.arena-match-card__ago{display:none}.arena-match-card__mode{font-size:13px}.arena-match-card__kda-line{font-size:17px}.arena-match-card__kda-ratio{font-size:11px}.arena-match-card__build{gap:5px;min-height:56px;padding:6px 7px}.arena-match-card__augment-group{grid-template-columns:repeat(2, var(--rm-pill-icon,20px));grid-template-rows:repeat(2, var(--rm-pill-icon,20px))}.arena-match-card__place-text{min-height:32px;padding:6px 9px;font-size:11px}.arena-match-card__stats{gap:8px}}.match-card{color:inherit;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;min-width:0;max-width:100%;padding:8px 12px;display:grid;overflow:hidden;container:match-card/inline-size}.match-card--win{background:#15803d14;border:1px solid #166534;border-left:4px solid #4ade80}.match-card--loss{background:#7f1d1d14;border:1px solid #7f1d1d;border-left:4px solid #f87171}.match-card__champ-link{color:inherit;border-radius:8px;flex-shrink:0;align-self:center;text-decoration:none;transition:opacity .12s}.match-card__champ-link:hover{opacity:.88}.match-card__champ-link:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.match-card__champ{flex-direction:column;align-items:center;gap:4px;width:52px;display:flex}.match-card__champ-icon-wrap{flex-shrink:0;position:relative}.match-card__champ-icon{object-fit:cover;border-radius:8px;width:44px;height:44px;display:block}.match-card--win .match-card__champ-icon{border:2px solid #4ade80}.match-card--loss .match-card__champ-icon{border:2px solid #f87171}.match-card__champ-level{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:1px 4px;font-size:10px;line-height:1.2;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.match-card__champ-ago{color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.match-card__body{min-width:0;max-width:100%;color:inherit;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main aside""trail trail";align-items:start;gap:4px 10px;text-decoration:none;display:grid;overflow:hidden}.match-card__trail{grid-area:trail;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex;overflow:hidden}.match-card__main{grid-area:main;grid-template-columns:minmax(64px,auto) auto;align-items:center;gap:4px 8px;min-width:0;display:grid}.match-card__aside{flex-direction:column;flex-shrink:0;grid-area:aside;align-self:start;align-items:center;gap:4px;display:flex}.match-card__result{grid-area:1/1;min-width:0;max-width:100px}.match-card__outcome{font-size:13px;font-weight:600;line-height:1.25}.match-card--win .match-card__outcome{color:#4ade80}.match-card--loss .match-card__outcome{color:#f87171}.match-card__queue{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;line-height:1.3;overflow:hidden}.match-card__date{color:var(--text-dim);margin-top:1px;font-size:11px;line-height:1.3}.match-card__kda{text-align:left;grid-area:1/2}.match-card__kda-line{color:var(--text-strong);white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25}.match-card__kda-ratio{color:var(--text-muted);margin-top:1px;font-size:11px}.match-card__stats{color:var(--text-secondary);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;margin:0;padding:0;font-size:11px;line-height:1.35;list-style:none;display:flex}.match-card__stats li{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.match-card__stat-cspm{white-space:nowrap;display:none}.match-card__stat--placeholder{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.match-card__position{flex-shrink:0;display:none}.match-card--arena .match-card__position--arena{justify-content:center;align-items:center;display:flex}.match-card__placement{letter-spacing:-.02em;white-space:nowrap;font-size:10px;font-weight:700;line-height:1}.match-card__placement--first{color:#facc15}.match-card__placement--top4{color:#4ade80}.match-card__placement--out{color:#f87171}.match-card__position img{opacity:.75;filter:brightness(0)invert();display:block}.match-card__loadout{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}.match-card__loadout>.match-card__items-shell{flex:0 auto;min-width:0}.match-card__spells-runes{flex:0 0 43px;align-items:center;gap:3px;width:43px;display:flex}.match-card__spells,.match-card__keystones{flex-direction:column;flex:0 0 20px;gap:2px;width:20px;display:flex}.match-card--arena .match-card__keystones{visibility:hidden;pointer-events:none}.match-card__spell,.match-card__rune{border:1px solid var(--border-strong);object-fit:cover;border-radius:4px;flex-shrink:0;width:20px;height:20px;display:block}.match-card__spell--empty,.match-card__rune--empty{background:var(--border-subtle);border:1px solid var(--border)}.match-card__rune--primary{background:var(--bg);border-radius:50%}.match-card__rune--secondary{background:var(--bg);opacity:.85}.match-card__rune-wrap.champion-rune-perk{flex-shrink:0;align-items:center;min-width:0;display:inline-flex}.match-card__items-sep{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;min-height:24px}.match-card__items-shell{min-width:0;max-width:100%;overflow:hidden}.match-card__items{overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:1 1 0;align-items:center;gap:2px;min-width:0;max-width:100%;padding-bottom:1px;display:flex;overflow:auto hidden}.match-card__items::-webkit-scrollbar{height:3px}.match-card__items::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.match-card__items>span,.match-card__items>div{flex-shrink:0}@container match-card (width<=395px){.match-card__stats{font-size:10px}.match-card__champ-ago{display:none}}@container match-card (width>=480px){.match-card{--match-loadout-min:243px;--match-stats-min:7.75rem;box-sizing:border-box;gap:8px 10px;width:100%;padding:7px 10px}.match-card__champ-icon{width:46px;height:46px}.match-card__body{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.match-card__main{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.match-card__result{grid-column:unset;grid-row:unset;flex-shrink:1;min-width:0;max-width:76px}.match-card__kda{grid-column:unset;grid-row:unset;flex-shrink:0}.match-card__aside{grid-template-columns:18px minmax(var(--match-stats-min), 1fr);flex:1 1 0;align-self:center;place-items:start center;column-gap:8px;min-width:0;display:grid}.match-card__position{grid-area:1/1;justify-content:center;justify-self:center;align-items:center;width:18px;display:flex}.match-card__stats{min-width:var(--match-stats-min);flex-shrink:0;grid-area:1/2;justify-self:center}.match-card__trail{flex:0 0 var(--match-loadout-min);width:var(--match-loadout-min);min-width:0;max-width:var(--match-loadout-min);justify-content:flex-end;display:flex;overflow:hidden}.match-card__loadout{width:100%;min-width:var(--match-loadout-min);justify-content:flex-end;align-items:center;gap:6px;max-width:100%;display:flex;overflow:hidden}.match-card__spells-runes{flex:0 0 43px;width:43px}.match-card__items-sep{display:none}.match-card__items-shell{flex:0 auto;justify-content:flex-start;min-width:0;margin-left:0;display:flex;overflow:hidden}.match-card__items{flex:0 auto;min-width:0;max-width:100%}}@container match-card (width>=480px) and (width<=639px){.match-card__body,.match-card__trail,.match-card__aside{gap:6px}.match-card__result{max-width:64px}.match-card__queue{font-size:11px}}@container match-card (width>=600px){.match-card__body,.match-card__trail,.match-card__aside{gap:10px}.match-card__stat-cspm{display:inline}}@container match-card (width>=720px){.match-card__body,.match-card__trail,.match-card__aside{gap:12px}}@container match-card (width>=400px){.match-card__champ-icon{width:46px;height:46px}}.item-tooltip,.hover-tooltip{z-index:100000;background:var(--bg);border:1px solid var(--border-strong);pointer-events:none;border-radius:8px;width:240px;max-width:min(92vw,320px);padding:10px 12px;animation:.12s fadeIn;position:fixed;box-shadow:0 12px 40px #0000008c,inset 0 0 0 1px #ffffff0a}.hover-tooltip--rune{width:280px;max-height:min(70vh,320px);overflow-y:auto}.hover-tooltip-item-header,.hover-tooltip-rune-header{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.hover-tooltip-item-header img,.hover-tooltip-rune-icon{border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0}.hover-tooltip-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.hover-tooltip-gold{color:#eab308;margin-top:2px;font-size:11px}.hover-tooltip-subtitle{color:var(--text-secondary);margin-bottom:4px;font-size:11px;line-height:1.35}.hover-tooltip-body{color:var(--text-muted);white-space:pre-wrap;font-size:12px;line-height:1.5}.hover-tooltip-muted{color:var(--text-secondary);font-size:12px}.hover-tooltip-rune-stats{color:var(--text-secondary);margin-top:3px;font-size:11px;line-height:1.35}.hover-tooltip-rune-stats-sep{color:var(--text-dim);margin:0 4px}.notice{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.notice--warning{background:#eab30814;border:1px solid #eab3084d}.skeleton{background:var(--border);border-radius:4px}.text-win{color:#4ade80}.text-loss{color:#f87171}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}@media (max-width:768px){.profile-page__inner{padding:24px 16px 60px}.profile-layout{flex-direction:column}.profile-sidebar{width:100%}.profile-match-filters__bar.page-filters{flex-wrap:wrap;gap:8px;display:flex}.profile-match-filters__bar.page-filters .filter-select-wrap{flex:calc(50% - 4px);min-width:0;max-width:none}.sidebar-ranked-grid{flex-direction:unset;grid-template-columns:1fr 1fr;display:grid}}@media (max-width:480px){.profile-page__inner{padding:16px 12px 48px}.profile-main .match-list{gap:8px}.profile-main .profile-match-filters{margin-top:6px;margin-bottom:8px}.sidebar-ranked-grid{grid-template-columns:1fr}.profile-match-filters__bar.page-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.profile-match-filters__bar.page-filters .filter-select-wrap{flex:none;max-width:none}.profile-match-filters__bar.page-filters .filter-select{height:40px}.perf-champ-wl,.perf-champ-kda{min-width:56px}.back-link{margin-bottom:20px}.search-box:not(.search-box--navbar){flex-wrap:wrap;padding:5px;border-radius:14px!important}.search-box:not(.search-box--navbar) .search-box__icon{width:40px}.search-box:not(.search-box--navbar) .search-input{flex:none;order:-1;width:100%;padding:10px 12px 10px 0}.search-box:not(.search-box--navbar) .search-btn{flex:1;min-height:40px;padding:10px 16px}.search-box:not(.search-box--navbar) .search-btn__icon{display:none}.search-box:not(.search-box--navbar) .search-btn__label{display:inline}.perf-overall{gap:12px}.perf-divider{display:none}}.mp-header{padding:20px 0 0}.mp-team{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.mp-team__header{background:var(--bg);grid-template-columns:80px 140px 70px 50px 50px 130px 130px 1fr;align-items:center;gap:8px;width:100%;padding:8px 14px;display:grid}.mp-team__col-headers{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;gap:10px;font-size:11px;display:flex}.mp-team__col-headers span:first-child{text-align:center;width:84px}.mp-team__col-headers span:nth-child(2){text-align:center;width:72px}.mp-team__col-headers span:nth-child(3),.mp-team__col-headers span:nth-child(4){text-align:center;width:140px}.mp-team__col-headers span:nth-child(5){text-align:center;width:200px}.mp-team__rows>div+div{border-top:1px solid var(--border-subtle)}.mp-row{grid-template-columns:80px 140px 70px 50px 50px 130px 130px 1fr;align-items:center;gap:8px;width:100%;padding:8px 14px;transition:background .15s;display:grid}.mp-row:hover{background:#ffffff05!important}.mp-row__champ{flex-shrink:0;align-items:center;gap:6px;width:80px;display:flex}.mp-row__name{flex:1 0;width:140px;min-width:0}.mp-row__kda{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:84px;display:flex}.mp-row__stats{white-space:nowrap;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;width:72px;font-size:10px;display:flex}.mp-row__cs,.mp-row__vision{flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.player-portraits{flex-wrap:nowrap;gap:6px;display:flex}@media (max-width:768px){.player-portraits{flex-wrap:wrap;gap:8px}.player-portraits>div{flex:0 0 calc(20% - 6.4px);min-width:0}.player-portraits img{width:20px!important;height:20px!important}}.mp-row__dmg,.mp-row__gold{flex-shrink:0;justify-content:center;align-items:center;width:140px;display:flex}.mp-row__items{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}@media (max-width:768px){.mp-team,.mp-team__rows,.mp-team__header,.mp-row,.mp-graph-card,.player-portraits,.profile-page__inner{box-sizing:border-box;max-width:100%!important;overflow-x:hidden!important}.mp-team__header,.mp-row{grid-template-columns:11px 1fr 20px 15px 15px 22px 22px 1fr!important;gap:1px!important;width:100%!important;padding:1px 2px!important}.mp-row__champ img{width:11px!important;height:11px!important}.mp-row__name a{font-size:8px!important}.mp-row__name a span,.mp-row__name+div{font-size:6px!important}.mp-row__name+div img{width:10px!important;height:10px!important}.mp-row__kda>div{font-size:7px!important}.mp-row__cs,.mp-row__vision{font-size:6px!important}.mp-row__dmg>div>div:first-child,.mp-row__gold>div>div:first-child{display:none!important}.mp-row__dmg>div,.mp-row__gold>div{gap:0!important}.mp-row__dmg div[style*=height\:6px],.mp-row__gold div[style*=height\:6px]{height:3px!important}.mp-row__items img{width:10px!important;height:10px!important}.mp-team__header{padding:1px 2px!important}.mp-team__header span[style*=font-size\:13]{font-size:7px!important}.mp-team__header span[style*=font-size\:12]{font-size:6px!important}.mp-team__header span[style*=width\:70]{width:20px!important;font-size:5px!important}.mp-team__header span[style*=width\:50]{width:15px!important;font-size:5px!important}.mp-team__header span[style*=width\:130]{width:22px!important;font-size:5px!important}.mp-team__header span[style*=width\:130]>span[style*=width\:44]{display:none!important}.mp-team__header span[style*=width\:130]>span{text-align:center!important;font-size:5px!important}.player-portraits{flex-wrap:wrap!important;gap:8px!important}.player-portraits>div{flex:0 0 calc(20% - 6.4px)!important;min-width:0!important;padding:4px!important}.player-portraits img{width:22px!important;height:22px!important}.player-portraits span[style*=font-size\:9]{padding:0 2px!important;font-size:8px!important}.mp-graph-card[style*="margin-top: 24"],.mp-graph-card[style*="marginTop: 24"]{margin-top:16px!important}.mp-graph-section{flex-direction:column;gap:12px;margin-top:20px}.mp-build-runes-section{flex-direction:column;gap:12px;margin-top:16px}.mp-graph-card{padding:12px 14px!important}.mp-graph-card__title{margin-bottom:10px!important;font-size:13px!important}.mp-graph-card__teams{flex-direction:row!important;gap:10px!important;margin-bottom:12px!important}.mp-graph-card__team-label{margin-bottom:6px!important;font-size:10px!important}.mp-vbar-group{gap:4px!important;height:72px!important;padding-bottom:2px!important}.mp-vbar-label{height:11px!important;margin-bottom:1px!important;font-size:8px!important;display:block!important}.mp-vbar-player{max-width:none!important}.mp-vbar{width:72%!important;max-width:16px!important}.mp-vbar-champ{width:20px!important;height:20px!important;margin-top:2px!important}.mp-graph-card__split-label,.mp-graph-card__split-meta{font-size:10px!important}.mp-graph-card [data-timeline-card]{padding:6px 8px!important}.mp-graph-card [data-timeline-card] span[style*=font-size\:11]{font-size:10px!important}.mp-graph-card [data-timeline-card] img{width:22px!important;height:22px!important}.mp-graph-card div[style*=font-size\:16]{font-size:12px!important}.mp-team{margin-bottom:3px}.profile-page__inner>*{max-width:100%!important}}.profile-page__inner--arena,.profile-page__inner--ranked{max-width:1280px;overflow-x:hidden}.arena-match-page{--arena-player-cols:56px minmax(0, 1.2fr) minmax(140px, auto) 80px minmax(0, auto) minmax(140px, 1.3fr);max-width:100%;margin-top:8px}.arena-match-page__header{margin-bottom:20px}.arena-match-page__title{color:#fafafa;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800}.arena-match-page__subtitle{color:var(--rm-text-muted);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:13px}.arena-match-page__teams{flex-direction:column;gap:12px;display:flex}.arena-match-page__team{border:1px solid var(--rm-divider);border-radius:var(--rm-radius-lg);background:linear-gradient(#131316 0%,#0f0f12 100%);position:relative;overflow:hidden;box-shadow:0 6px 28px -12px #0009}.arena-match-page__team:before{content:"";background:var(--rm-divider);width:4px;position:absolute;top:0;bottom:0;left:0}.arena-match-page__team--first{border-color:#fbbf2466}.arena-match-page__team--first:before{background:linear-gradient(#fbbf24,#f59e0b);box-shadow:0 0 16px -2px #f59e0b}.arena-match-page__team--second{border-color:#bae6fd47}.arena-match-page__team--second:before{background:linear-gradient(#e0f2fe,#93c5fd);box-shadow:0 0 14px -2px #93c5fd}.arena-match-page__team--third{border-color:#c4a7e747}.arena-match-page__team--third:before{background:linear-gradient(#c4b5fd,#a78bfa);box-shadow:0 0 14px -2px #a78bfa}.arena-match-page__team--other:before{background:linear-gradient(180deg, var(--text-dim), var(--border-strong))}.arena-match-page__team-header{border-bottom:1px solid var(--rm-divider);background:linear-gradient(#ffffff06,#fff0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:14px 20px 14px 22px;display:flex}.arena-match-page__place{letter-spacing:-.01em;text-transform:uppercase;font-size:15px;font-weight:800}.arena-match-page__place--first{color:#fbbf24;text-shadow:0 0 18px #fbbf2480}.arena-match-page__place--second{color:#bae6fd;text-shadow:0 0 18px #bae6fd66}.arena-match-page__place--third{color:#c4b5fd;text-shadow:0 0 18px #c4b5fd66}.arena-match-page__place--other{color:var(--rm-text-dim)}.arena-match-page__team-stats{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:16px;margin-left:auto;display:flex}.arena-match-page__team-kda{color:var(--rm-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:700}.arena-match-page__team-dmg{color:var(--rm-text-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.arena-match-page__team-rows{flex-direction:column;display:flex}.arena-match-page__player{grid-template-columns:var(--arena-player-cols);border-top:1px solid var(--rm-divider-soft);align-items:center;gap:10px 16px;padding:12px 18px 12px 22px;transition:background .15s;display:grid}.arena-match-page__player:first-child{border-top:none}.arena-match-page__player:hover{background:#ffffff05}.arena-match-page__player--focus{background:linear-gradient(90deg,#a78bfa24 0%,#a78bfa0a 50%,#0000 100%);box-shadow:inset 3px 0 #a78bfa}.arena-match-page__player--empty{opacity:.18;min-height:76px}.arena-match-page__champ{flex-shrink:0;width:52px;height:52px;position:relative}.arena-match-page__champ-icon{border-radius:var(--rm-radius-md);border:2px solid var(--border-strong);object-fit:cover;width:52px;height:52px;display:block;box-shadow:0 2px 6px #0006}.arena-match-page__champ-level{background:var(--bg);min-width:18px;color:var(--text-2);text-align:center;border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #00000080}.arena-match-page__name-col{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.arena-match-page__summoner{color:var(--rm-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:700;text-decoration:none;transition:color .12s;overflow:hidden}.arena-match-page__summoner:hover{color:#c4b5fd}.arena-match-page__tag{color:var(--rm-text-faint);margin-left:1px;font-weight:500}.arena-match-page__rank{letter-spacing:.02em;color:var(--rm-text-dim);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.arena-match-page__rank-emblem{image-rendering:crisp-edges;flex-shrink:0}.arena-match-page__rank--iron{color:#8a8580}.arena-match-page__rank--bronze{color:#cd7f32}.arena-match-page__rank--silver{color:#9ca3af}.arena-match-page__rank--gold{color:#eab308}.arena-match-page__rank--platinum{color:#5eead4}.arena-match-page__rank--emerald{color:#34d399}.arena-match-page__rank--diamond{color:#7dd3fc}.arena-match-page__rank--master{color:#c084fc}.arena-match-page__rank--grandmaster{color:#f87171}.arena-match-page__rank--challenger{color:#fbbf24}.arena-match-page__build{border-radius:var(--rm-radius-md);background:linear-gradient(#ffffff06,#fff0);border:1px solid #ffffff0d;align-items:center;gap:8px;padding:5px 7px;display:flex}.arena-match-page__items{grid-template-rows:repeat(2,30px);grid-template-columns:repeat(3,30px);gap:3px;display:grid}.arena-match-page__items>span,.arena-match-page__items>div{width:30px;height:30px}.arena-match-page__items img{border:1px solid var(--border);border-radius:4px;width:30px!important;height:30px!important}.arena-match-page__spells{flex-direction:column;gap:3px;display:flex}.arena-match-page__spell img{border-radius:var(--rm-radius-sm);border:1px solid var(--border-strong)}.arena-match-page__kda{text-align:center}.arena-match-page__kda-val{color:var(--text-strong);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:700}.arena-match-page__augments{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;display:flex}.arena-match-page__augment img{background:var(--surface);border:1px solid #ffffff29;border-radius:50%;box-shadow:0 1px 3px #0006}.arena-match-page__damage{flex-direction:column;gap:5px;min-width:0;display:flex}.arena-match-page__damage-bar-wrap{background:#ffffff0a;border-radius:3px;height:6px;overflow:hidden}.arena-match-page__damage-bar{background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:3px;min-width:3px;height:100%;transition:width .25s;box-shadow:0 0 10px -3px #22c55e}.arena-match-page__damage-meta{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.arena-match-page__damage-total{color:var(--rm-text);letter-spacing:-.01em;font-size:13px;font-weight:700}.arena-match-page__damage-dpm{color:var(--rm-text-muted);font-size:11px;font-weight:500}@media (max-width:900px){.profile-page__inner--arena{padding:12px max(8px, env(safe-area-inset-right)) 40px max(8px, env(safe-area-inset-left))}.profile-page__inner--arena .back-link{margin-bottom:12px}.arena-match-page{margin-top:0}.arena-match-page__header{margin-bottom:12px}.arena-match-page__title{font-size:18px}.arena-match-page__subtitle{margin-top:3px;font-size:11px}.arena-match-page__teams{gap:8px}.arena-match-page__team{border-radius:10px}.arena-match-page__team-header{flex-wrap:nowrap;gap:10px;padding:10px 14px 10px 18px}.arena-match-page__place{white-space:nowrap;flex:none;font-size:13px}.arena-match-page__team-stats{flex:auto;justify-content:flex-end;gap:10px;min-width:0;margin-left:0}.arena-match-page__team-kda{white-space:nowrap;font-size:12px}.arena-match-page__team-dmg{white-space:nowrap;font-size:11px}.arena-mob-player{border-top:1px solid var(--rm-divider-soft);box-sizing:border-box;max-width:100%;padding:12px 14px}.arena-mob-player:first-child{border-top:none}.arena-mob-player--focus{background:linear-gradient(90deg,#a78bfa24 0%,#a78bfa0a 55%,#0000 100%);box-shadow:inset 3px 0 #a78bfa}.arena-mob-player__head{align-items:center;gap:12px;min-width:0;margin-bottom:10px;display:flex}.arena-mob-player__champ{flex-shrink:0;width:42px;height:42px;position:relative}.arena-mob-player__champ img{border-radius:var(--rm-radius-md);border:2px solid var(--border-strong);object-fit:cover;width:42px;height:42px;display:block;box-shadow:0 2px 6px #0006}.arena-mob-player__level{text-align:center;background:var(--bg);min-width:18px;color:var(--text-2);border:1px solid var(--border-strong);border-radius:5px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0009}.arena-mob-player__identity{flex:1;min-width:0}.arena-mob-player__name{min-width:0;max-width:100%;color:var(--rm-text);align-items:baseline;gap:4px;text-decoration:none;transition:color .12s;display:inline-flex}.arena-mob-player__name:hover{color:#c4b5fd}.arena-mob-player__name-text{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:700;overflow:hidden}.arena-mob-player__tag{color:var(--rm-text-faint);flex-shrink:0;font-size:11px}.arena-mob-player__kda{flex-shrink:0}.arena-mob-player__kda-val{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:700}.arena-mob-player__loadout{align-items:center;gap:10px;min-width:0;margin-bottom:8px;display:flex}.arena-mob-player__items{flex:auto;grid-template-columns:repeat(6,minmax(0,26px));gap:3px;min-width:0;display:grid}.arena-mob-player__items>span,.arena-mob-player__items>div{width:26px;height:26px}.arena-mob-player__items img{border:1px solid var(--border);border-radius:4px!important;width:26px!important;height:26px!important}.arena-mob-player__spells{flex-shrink:0;gap:3px;display:flex}.arena-mob-player__spells img{border-radius:var(--rm-radius-sm)!important;border:1px solid var(--border-strong)!important;width:22px!important;height:22px!important}.arena-mob-player__bottom{align-items:center;gap:12px;min-width:0;display:flex}.arena-mob-player__augments{flex-shrink:0;gap:4px;display:flex}.arena-mob-player__augment img{background:var(--surface);box-shadow:0 1px 3px #0006;border:1px solid #ffffff29!important;border-radius:50%!important;width:26px!important;height:26px!important}.arena-mob-player__damage{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.arena-mob-player__damage-bar-wrap{background:#ffffff0d;border-radius:3px;flex:1;min-width:0;height:6px;overflow:hidden}.arena-mob-player__damage-bar{background:linear-gradient(90deg,#16a34a 0%,#4ade80 100%);border-radius:3px;min-width:2px;height:100%;box-shadow:0 0 8px -2px #22c55e}.arena-mob-player__damage-text{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.15;display:flex}.arena-mob-player__damage-total{color:var(--rm-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:12px;font-weight:700}.arena-mob-player__damage-dpm{color:var(--rm-text-muted);font-size:10px}}@media (max-width:380px){.arena-match-page__team-kda{font-size:11px}.arena-match-page__team-dmg{font-size:10px}.arena-mob-player__items{grid-template-columns:repeat(6,minmax(0,22px))}.arena-mob-player__items>span,.arena-mob-player__items>div,.arena-mob-player__items img,.arena-mob-player__augment img{width:22px!important;height:22px!important}.arena-mob-player__name-text{font-size:13px}}@media (max-width:900px){.arena-match-page__player{grid-template-columns:48px minmax(0,1fr) minmax(0,auto);grid-template-areas:"champ name kda""champ build build""augs augs damage";gap:8px 12px;padding:12px 14px}.arena-match-page__champ{grid-area:champ;width:44px;height:44px}.arena-match-page__champ-icon{width:44px;height:44px}.arena-match-page__name-col{grid-area:name}.arena-match-page__kda{text-align:right;grid-area:kda}.arena-match-page__build{grid-area:build}.arena-match-page__items{grid-template-rows:22px;grid-template-columns:repeat(6,22px)}.arena-match-page__items>span,.arena-match-page__items>div,.arena-match-page__items img{width:22px!important;height:22px!important}.arena-match-page__augments{grid-area:augs}.arena-match-page__damage{grid-area:damage}}.mp-graph-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.mp-graph-card__title{color:var(--text);margin-bottom:16px;font-size:14px;font-weight:600}.mp-graph-section{gap:16px;margin-top:32px;display:flex}.mp-graph-section>.mp-graph-card{flex:1;min-width:0}.mp-build-runes-section{align-items:stretch;gap:16px;margin-top:24px;display:flex}.mp-build-runes-section>.mp-graph-card{flex:1;min-width:0;margin-top:0!important}.mp-build-runes-section .mp-rune-build{margin-top:0}.mp-graph-card__teams{justify-content:center;gap:24px;margin-bottom:16px;display:flex}.mp-graph-card__team-col{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:50%;display:flex}.mp-graph-card__team-label{margin-bottom:8px;font-size:11px;font-weight:600}.mp-graph-card__team-label--blue{color:#60a5fa}.mp-graph-card__team-label--red{color:#f87171}.mp-vbar-group{justify-content:center;align-items:flex-end;gap:8px;width:100%;height:140px;padding-bottom:4px;display:flex}.mp-vbar-player{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:42px;height:100%;display:flex}.mp-vbar-label{color:var(--text-secondary);white-space:nowrap;height:14px;margin-bottom:2px;font-size:10px}.mp-vbar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.mp-vbar{border-radius:3px 3px 0 0;width:20px;min-height:4px;transition:height .3s}.mp-vbar-champ{border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0;margin-top:3px}.mp-graph-card__split-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.mp-graph-card__split-bar{border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.mp-graph-card__split-bar-blue{background:#60a5fa}.mp-graph-card__split-bar-red{background:#f87171}.mp-graph-card__split-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:600;display:flex}.mp-graph-card__split-meta--blue{color:#60a5fa}.mp-graph-card__split-meta--red{color:#f87171}.mp-rune-build{margin-top:16px}.mp-rune-build__player{color:var(--text-secondary);font-weight:500}.mp-rune-build__empty{color:var(--text-muted);margin:0;font-size:13px}.mp-rune-build__trees{justify-content:center;align-items:flex-start;gap:20px;display:flex}.mp-rune-build__tree{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;max-width:220px;padding:12px 10px;display:flex}.mp-rune-build__tree--primary{border-color:#1e3a5f}.mp-rune-build__tree--secondary{border-color:#5c1a1a}.mp-rune-build__style-head{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.mp-rune-build__style-icon{border:1px solid var(--border-strong);object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.mp-rune-build__style-icon--empty{background:var(--surface);display:inline-block}.mp-rune-build__style-name{color:var(--text);font-size:12px;font-weight:600}.mp-rune-build__primary-col,.mp-rune-build__secondary-col{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.mp-rune-build__pick{justify-content:center;align-items:center;display:inline-flex}.mp-rune-build__pick.champion-rune-perk{opacity:1;filter:none;cursor:help;background:0 0;min-height:0;padding:0}.mp-rune-build__pick-icon{border:1px solid var(--border-strong);object-fit:cover;background:var(--bg);border-radius:50%;display:block}.mp-rune-build__pick--keystone .mp-rune-build__pick-icon{width:40px;height:40px}.mp-rune-build__pick--row .mp-rune-build__pick-icon,.mp-rune-build__pick--secondary .mp-rune-build__pick-icon{width:28px;height:28px}@media (max-width:768px){.mp-rune-build__trees{gap:12px}.mp-rune-build__tree{padding:10px 8px}.mp-rune-build__pick--keystone .mp-rune-build__pick-icon{width:34px;height:34px}.mp-rune-build__pick--row .mp-rune-build__pick-icon,.mp-rune-build__pick--secondary .mp-rune-build__pick-icon{width:24px;height:24px}}.tierlist-page{min-height:100vh}.tierlist-inner{max-width:960px;margin:0 auto;padding:32px 24px 80px}.tierlist-header{margin-bottom:28px}.tierlist-header h1{color:var(--text-strong);letter-spacing:-.02em;font-size:28px;font-weight:800}.tierlist-header p{color:var(--text-dim);margin-top:6px;font-size:14px}.tierlist-queues{flex-wrap:wrap;gap:6px;display:flex}.tierlist-queue-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-size:13px;transition:border-color .12s,color .12s,background .12s}.tierlist-queue-btn:hover{border-color:var(--border-strong);color:var(--text-secondary)}.tierlist-queue-btn--active{color:#a78bfa;background:#7c3aed1a;border-color:#7c3aed}.tierlist-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:14px;display:flex}.tierlist-spinner{border:2px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.account-loading{background:var(--bg);min-height:100vh}.account-loading-inner{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.tierlist-error{text-align:center;color:#f87171;padding:40px 0;font-size:14px}.tierlist-empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.tierlist-results,.filter-results,.site-shell-main{transition:opacity .15s}.tierlist-results--pending,.filter-results--pending,html.page-nav-pending .site-shell-main{opacity:.55}.site-shell-main>.page-enter:not(:last-child){display:none}html:not(.page-nav-pending) .page-enter{animation:.2s pageEnterFade}@keyframes pageEnterFade{0%{opacity:.92}to{opacity:1}}.tierlist-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}.tierlist-table{border-collapse:collapse;width:100%;font-size:13px}.tierlist-th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg);padding:10px 14px;font-size:11px;font-weight:600}.tierlist-band-row{background:var(--bg-2)}.tierlist-band-cell{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 14px}.tierlist-band-badge{min-width:40px;font-size:12px}.tierlist-band-count{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-left:10px;font-size:11px;font-weight:600}.tierlist-mobile-band{align-items:center;gap:10px;padding:10px 2px 4px;display:flex}.tierlist-mobile-band__count{color:var(--text-dim);font-size:11px;font-weight:600}.tierlist-th--rank{text-align:center;width:44px}.tierlist-th--champ{min-width:180px}.tierlist-th--tier{text-align:center;width:60px}.tierlist-th--role{width:80px}.tierlist-th--stat{text-align:right;width:100px}.tierlist-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s}.tierlist-th--sortable:hover{color:var(--text-secondary)}.tierlist-th-button{all:unset;cursor:pointer}.tierlist-th-button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #60a5fa}.tierlist-row{transition:background .1s}.tierlist-row:hover{background:#ffffff05}.tierlist-row+.tierlist-row{border-top:1px solid var(--border-subtle)}.tierlist-td{vertical-align:middle;padding:8px 14px}.tierlist-td--rank{text-align:center;color:var(--text-dim);font-size:12px;font-weight:600}.tierlist-td--tier{text-align:center}.tierlist-tier-badge{letter-spacing:.02em;text-align:center;border-radius:5px;min-width:36px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.tierlist-td--champ{align-items:center;gap:10px;display:flex}.tierlist-champ-link{color:inherit;align-items:center;gap:10px;text-decoration:none;transition:color .12s;display:flex}.tierlist-champ-link:hover{color:#a78bfa}.tierlist-champ-name{color:var(--text);white-space:nowrap;font-weight:600}.tierlist-td--role{color:var(--text-muted)}.tierlist-role-tag{color:var(--text-secondary);background:#71717a1f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.tierlist-td--stat{text-align:right}.tierlist-stat-main{font-size:13px;font-weight:600}.tierlist-role-pct{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tierlist-role-pct span{color:var(--text-secondary);text-align:right;min-width:30px;font-size:12px;font-weight:600}.tierlist-role-pct-bar{background:var(--border);border-radius:2px;flex-shrink:0;width:48px;height:4px;overflow:hidden}.tierlist-role-pct-fill{background:#8b5cf6;border-radius:2px;height:100%;transition:width .3s}.tierlist-champ-icon{border-radius:6px;flex-shrink:0}.tierlist-mobile-only,.leaderboard-mobile-only{display:none!important}.tierlist-desktop-only,.leaderboard-desktop-only,.leaderboard-table-wrap.leaderboard-desktop-only,.tierlist-table-wrap.tierlist-desktop-only{display:block}.tierlist-stat-bar{color:var(--text-muted);align-items:flex-start;gap:8px;margin-top:8px;margin-bottom:8px;font-size:12px;line-height:1.45;display:flex}.tierlist-stat-bar__icon{opacity:.8;flex-shrink:0;margin-top:2px}.tierlist-stat-bar__detail{opacity:.85}.tierlist-mobile-sort-btn{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.tierlist-mobile-sort-btn--active{color:#a78bfa;background:#7c3aed1f;border-color:#7c3aed}.tierlist-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.tierlist-card__rank{width:18px;color:var(--text-dim);text-align:center;flex-shrink:0;font-size:11px;font-weight:700}.tierlist-card__tier{flex-shrink:0;min-width:30px;padding:2px 6px;font-size:11px}.tierlist-card__champ{min-width:0;color:inherit;flex:1;align-items:center;gap:6px;text-decoration:none;display:flex;overflow:hidden}.tierlist-card__champ:hover .tierlist-card__name{color:#a78bfa}.tierlist-card__icon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.tierlist-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;transition:color .12s;overflow:hidden}.tierlist-card__role{color:var(--text-muted);background:#71717a26;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.tierlist-card__metrics{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.tierlist-card__wr{text-align:right;min-width:38px}.tierlist-card__pick{color:var(--text-secondary);text-align:right;min-width:34px}.tierlist-card__games{color:var(--text-muted);text-align:right;min-width:32px;font-size:11px}.tierlist-card__kda{color:var(--text-secondary);white-space:nowrap;font-size:11px}@media (max-width:400px){.tierlist-card__kda{display:none}}@media (max-width:900px){:root{--navbar-height:52px}.home-search-wrapper{display:none}.search-navbar{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));min-height:var(--navbar-height);gap:10px}.search-navbar__start{display:none}.search-navbar__menu-btn{display:flex}.search-navbar__form{flex:1 1 0;min-width:0}.search-navbar--menu-open .search-navbar__form{z-index:0}.search-box--navbar .search-input{padding:8px 8px 8px 0;font-size:16px}.search-box--navbar .search-box__icon{width:32px}.search-box--navbar .search-btn{min-width:44px;min-height:44px}}@media (max-width:768px){.home-search-box__input,.page-filters .filter-select,.compare-input,.search-input{font-size:16px}.tierlist-inner,.leaderboard-inner,.compare-inner{padding:16px 12px 48px}.tierlist-header,.leaderboard-header,.compare-header{margin-bottom:16px}.tierlist-header h1,.leaderboard-header h1{font-size:24px}.tierlist-header p,.leaderboard-header p,.compare-header p{font-size:13px;line-height:1.45}.tierlist-inner .page-filters{margin-bottom:12px}.leaderboard-table-wrap,.tierlist-table-wrap,.champion-detail-table-wrap{-webkit-overflow-scrolling:touch}.leaderboard-mobile-list.leaderboard-mobile-only{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex!important}.leaderboard-desktop-only,.leaderboard-table-wrap.leaderboard-desktop-only{display:none!important}.leaderboard-header h1{font-size:22px}}@media (max-width:640px){.tierlist-inner .page-filters,.leaderboard-inner .page-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tierlist-inner .page-filters.page-filters--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-match-filters__bar.page-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.tierlist-inner .page-filters .filter-select-wrap,.leaderboard-inner .page-filters .filter-select-wrap,.profile-match-filters__bar.page-filters .filter-select-wrap{min-width:0;max-width:none}.tierlist-inner .page-filters .filter-select,.leaderboard-inner .page-filters .filter-select,.profile-match-filters__bar.page-filters .filter-select{width:100%;height:40px;font-size:16px}.tierlist-mobile-sort-btn{min-height:44px}.tierlist-queue-btn{min-height:44px;padding:8px 12px}.error-notice,.page-loading{padding-left:16px;padding-right:16px}.compare-submit{width:100%;min-height:44px}.refresh-btn{min-height:44px}.leaderboard-pager__page{min-width:44px;min-height:44px}.tierlist-mobile-only.tierlist-mobile-sort{gap:6px;margin-bottom:8px;display:flex!important}.tierlist-mobile-list.tierlist-mobile-only{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex!important}.tierlist-desktop-only,.tierlist-table-wrap.tierlist-desktop-only{display:none!important}.tierlist-stat-bar__detail{display:none}.tierlist-header h1{font-size:22px}.tierlist-empty{padding:28px 8px;font-size:13px}}@media (max-width:480px){.leaderboard-card__metrics{flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;min-width:0}.leaderboard-card__region,.leaderboard-card__tier-label,.leaderboard-card__wl{display:none}}@media (max-width:400px){.tierlist-card__pick,.tierlist-card__role{display:none}}.champion-detail-page{min-height:100vh;padding-bottom:80px}.champion-detail-header{background:linear-gradient(180deg, var(--surface) 0%, #0c0c0e 100%);background-position:top;background-size:cover;width:100%;height:220px}@media (min-width:640px){.champion-detail-header{height:260px}}.champion-detail-inner{z-index:1;min-width:0;max-width:1280px;margin:-48px auto 0;padding:0 16px 60px;position:relative;overflow-x:clip}@media (min-width:640px){.champion-detail-inner{padding:0 24px 80px}}.champion-detail-title{color:var(--text-strong);letter-spacing:-.02em;text-shadow:0 1px 4px #0009;align-items:center;gap:10px;margin-bottom:16px;font-size:24px;font-weight:800;display:flex}.champion-detail-title-icon{border:1px solid var(--border-strong);border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #00000073}.page-filters{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:16px;display:flex}.page-filters .filter-select-wrap{flex:1 1 0;min-width:0}.page-filters .filter-select{width:100%;min-width:0}@media (min-width:640px){.page-filters{flex-wrap:nowrap}.page-filters .filter-select-wrap{flex:1 1 0;max-width:220px}}.page-filters--loading{opacity:.55;pointer-events:none}.profile-main .profile-match-filters{margin-top:8px;margin-bottom:10px}.profile-match-filters{margin-bottom:6px}.profile-match-filters__bar.page-filters,.profile-match-filters__bar{margin-bottom:0}.profile-match-filters__meta{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.profile-match-filters__meta:empty{display:none}.filter-results .matches-section-title{margin-top:0;margin-bottom:8px}.profile-match-filters__loading{color:var(--text-muted);font-size:12px}.profile-matches-empty{text-align:center;color:var(--text-dim);margin:16px 0 0;font-size:14px}.profile-sync-status{min-height:0;margin-top:8px}.profile-sync-status__line{margin:0;font-size:12px;line-height:1.4}.profile-sync-status__line+.profile-sync-status__line{margin-top:4px}.profile-sync-status__line--muted{color:var(--text-muted)}.profile-sync-status__line--warn{color:#fb923c}.champion-detail-empty--inline{margin-top:0;padding:14px 16px;font-size:13px}@media (min-width:640px){.champion-detail-title{gap:12px;margin-bottom:20px;font-size:28px}}.champion-detail-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:14px;font-weight:700}.champion-detail-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.champion-detail-section-heading .champion-detail-section-title{margin-bottom:0}.champion-detail-section-meta{flex-wrap:wrap;gap:6px;display:flex}.champion-detail-section-meta span{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2}.champion-detail-stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.champion-detail-stat-card{border:1px solid var(--border);background:#0c0c0e;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.champion-detail-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.champion-detail-stat-value{color:var(--text);font-size:15px;font-weight:600}.champion-detail-positions{flex-wrap:wrap;gap:8px;display:flex}.champion-detail-position-pill{border:1px solid var(--border);background:#0c0c0e;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.champion-detail-position-name{color:var(--text);font-weight:600}.champion-detail-position-games{color:var(--text-muted)}.champion-detail-builds{flex-direction:column;gap:10px;display:flex}.champion-detail-build-row{border:1px solid var(--border);background:#0c0c0e;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.champion-detail-build-items{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.champion-detail-build-meta{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:12px}.champion-detail-runes-row{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.champion-detail-rune-group{margin-top:8px}.champion-detail-rune-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;display:block}.champion-detail-rune-icons{flex-wrap:wrap;gap:10px;display:flex}.champion-detail-item-slot-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.champion-detail-slot-meta{color:var(--text-muted);font-size:10px}.champion-detail-subsection-title{color:var(--text-secondary);margin-top:20px;margin-bottom:10px;font-size:12px;font-weight:600}.champion-detail-slot-note{color:var(--text-muted);margin-bottom:8px;font-size:11px}.champion-detail-grouped-toggle{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.champion-detail-grouped-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#0c0c0e;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.champion-detail-grouped-btn:hover{color:var(--text-secondary);border-color:var(--border-strong)}.champion-detail-grouped-btn--active{color:var(--text);border-color:var(--text-dim);background:var(--surface)}.champion-detail-item-slots-grid{gap:12px;margin-bottom:8px;display:grid}.champion-detail-item-slots-grid--1{grid-template-columns:1fr}.champion-detail-item-slots-grid--6{grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.champion-detail-item-slots-grid--6{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.champion-detail-item-slots-grid--6{grid-template-columns:repeat(2,1fr)}}.champion-detail-item-slot-column{flex-direction:column;gap:8px;display:flex}.champion-detail-slot-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.champion-detail-item-slot-list{flex-wrap:wrap;gap:6px;display:flex}.champion-detail-matchups-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px}.champion-detail-matchup-champ{align-items:center;display:inline-flex}.champion-detail-spells{flex-direction:column;gap:10px;display:flex}.champion-detail-spell-row{border:1px solid var(--border);background:#0c0c0e;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.champion-detail-table-wrap{border:1px solid var(--border);background:#0c0c0e;border-radius:8px;overflow-x:auto}.champion-detail-table{border-collapse:collapse;width:100%;font-size:13px}.champion-detail-table th,.champion-detail-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}.champion-detail-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.champion-detail-table td{color:var(--text)}.champion-detail-table tr:last-child td{border-bottom:none}.champion-detail-section{margin-bottom:32px}.champion-detail-stat-card{border:1px solid var(--border);background:#0c0c0e;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000040}.champion-detail-stat-value--kda{font-size:14px;font-weight:700;line-height:1.15}.champion-detail-position-pill{border:1px solid var(--border);cursor:pointer;font-size:13px;font:inherit;color:inherit;background:#0c0c0e;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;transition:border-color .15s,background .15s,opacity .15s;display:inline-flex;box-shadow:0 1px 2px #0003}.champion-detail-position-pill:hover{border-color:var(--border-strong);background:var(--surface)}.champion-detail-position-pill--active{border-color:#4ade80;box-shadow:0 0 0 1px #4ade8033}.champion-detail-position-pill--dim{opacity:.55}.champion-detail-rune-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;display:grid}@media (max-width:720px){.champion-detail-rune-grid{grid-template-columns:1fr;gap:16px}}.champion-detail-rune-sub{min-width:0}.champion-detail-rune-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:11px}.champion-detail-rune-cards{flex-wrap:wrap;gap:10px;display:flex}.champion-detail-rune-card{border:1px solid var(--border);text-align:center;background:#0c0c0e;border-radius:10px;flex:none;min-width:78px;padding:10px 12px;transition:border-color .1s,transform .1s;box-shadow:0 1px 3px #00000040}.champion-detail-rune-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.champion-detail-rune-icon{border:1px solid var(--border-strong);background:var(--bg-2);border-radius:8px;width:48px;height:48px;margin:0 auto 6px;display:block}.champion-detail-rune-wr{margin-bottom:2px;font-size:14px;font-weight:700;line-height:1}.champion-detail-rune-games{color:var(--text-dim);font-size:10px;line-height:1}.champion-detail-winbar{background:var(--border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.champion-detail-winbar-fill{border-radius:2px;height:100%;transition:width .2s}.champion-detail-items-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:10px;margin-top:8px;display:grid}@media (max-width:480px){.champion-detail-items-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}}.champion-detail-item-card{border:1px solid var(--border);background:#0c0c0e;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .1s;display:flex;box-shadow:0 1px 3px #00000040}.champion-detail-item-card:hover{border-color:var(--border-strong)}.champion-detail-item-meta{flex:1;min-width:0}.champion-detail-item-wr{font-size:13px;font-weight:700;line-height:1.1}.champion-detail-item-games{color:var(--text-dim);margin-top:1px;font-size:10px}.champion-detail-note{color:var(--text-dim);margin-top:10px;font-size:11px;line-height:1.4}.champion-detail-scope-note{color:var(--text-dim);margin:4px 0 12px;font-size:11px}.champion-detail-empty{border:1px solid var(--border);color:var(--text-secondary);background:#0c0c0e;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13px;box-shadow:0 1px 2px #0003}.champion-detail-rank-note{color:var(--text-muted);margin-top:6px;font-size:11px}.champion-detail-kda-sub{color:var(--text-dim);margin-top:1px;font-size:9px}.champion-detail-section--runes{border:1px solid var(--border);background:#0a0a0c;border-radius:12px;padding:16px 18px 18px}.champion-detail-rune-intro{color:var(--text-muted);margin:-4px 0 14px;font-size:12px;line-height:1.45}.champion-rune-trees-wrap{-webkit-overflow-scrolling:touch;border-top:none;margin-top:0;padding-top:0;padding-bottom:4px;overflow-x:auto}.champion-rune-trees-grid{grid-template-columns:repeat(5,minmax(148px,1fr));gap:8px;width:100%;min-width:0;display:grid}@media (max-width:1100px){.champion-rune-trees-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.champion-rune-trees-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.champion-rune-trees-empty{color:var(--text-muted);padding:12px 0;font-size:13px}.champion-rune-tree-col{border:1px solid var(--border);background:#0c0c0e;border-radius:10px;min-width:0;padding:8px 10px}.champion-rune-tree-col--primary{border-color:#3f6212;box-shadow:0 0 0 1px #4ade801f}.champion-rune-tree-col--secondary{border-color:#1e3a5f;box-shadow:0 0 0 1px #60a5fa1f}.champion-rune-tree-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;display:flex}.champion-rune-tree-style-icon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.champion-rune-tree-style-icon--placeholder{background:var(--border)}.champion-rune-tree-name{color:var(--text);flex:1;min-width:0;font-size:12px;font-weight:700}.champion-rune-tree-badges{flex-wrap:wrap;gap:4px;width:100%;display:flex}.champion-rune-tree-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.champion-rune-tree-badge--primary{color:#86efac;background:#4ade801f}.champion-rune-tree-badge--secondary{color:#93c5fd;background:#60a5fa1f}.champion-rune-tree-row{margin-bottom:8px}.champion-rune-tree-row--noselect{opacity:.45}.champion-rune-tree-row--noselect .champion-rune-tree-row-label{color:var(--border-strong)}.champion-rune-tree-row:last-child{margin-bottom:0}.champion-rune-tree-row-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:9px}.champion-rune-tree-perks{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.champion-rune-perk{opacity:.38;filter:grayscale(.55);cursor:help;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:54px;padding:2px 0;transition:opacity .15s,filter .15s,background .15s;display:flex}.champion-rune-perk--top{opacity:1;filter:none;background:#27272aa6}.champion-rune-perk--top .champion-rune-perk-icon{border-color:#4ade80;box-shadow:0 0 0 1px #4ade8059}.champion-rune-perk--top-secondary .champion-rune-perk-icon{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa66}.champion-rune-perk-icon{border:1px solid var(--border-strong);border-radius:6px;flex-shrink:0;width:36px;height:36px;display:block}.champion-rune-perk-icon--placeholder{background:var(--border)}.champion-rune-perk-meta{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:22px;line-height:1.15;display:flex}.champion-rune-perk-meta--dim .champion-rune-perk-wr{color:var(--text-dim)}.champion-rune-perk-meta--dim .champion-rune-perk-games{color:var(--border-strong)}.champion-rune-perk-wr{font-size:10px;font-weight:700}.champion-rune-perk-games{color:var(--text-dim);font-size:8px}.champion-rune-perk-dash{color:var(--border-strong);min-height:22px;font-size:10px;line-height:22px}.champion-detail-section--builds{background:linear-gradient(165deg,#101014 0%,#0a0a0c 48%,#0c0c10 100%);border:1px solid #2a2a32;border-radius:14px;padding:20px 22px 24px;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #00000059}.champion-detail-section--builds .champion-detail-section-title{letter-spacing:.08em;margin-bottom:16px;font-size:13px}.champion-build-items{flex-direction:column;gap:22px;display:flex}.champion-build-empty-state{color:var(--text-muted);padding:12px 0;font-size:13px}.champion-build-empty{color:var(--text-dim);padding:8px 0;font-size:12px}.champion-build-early-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.champion-build-block{border:1px solid var(--border);background:#0c0c0ed9;border-radius:12px;padding:14px 14px 16px}.champion-build-block--core{background:#08080a99;border-color:#303038;padding:16px 16px 8px}.champion-build-block-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:11px;font-weight:700}.champion-build-block-hint{color:var(--text-dim);margin:4px 0 0;font-size:11px;line-height:1.35}.champion-build-mini-grid{flex-wrap:wrap;gap:10px;display:flex}.champion-build-mini-card{background:#0f0f12;border:1px solid #2a2a32;border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:88px;padding:12px 12px 10px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.champion-build-mini-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.champion-build-mini-card-icons{flex-direction:column;align-items:center;gap:3px;display:flex}.champion-build-mini-card-metrics{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;width:100%;padding-top:6px;display:flex}.champion-build-mini-wr{font-size:14px;font-weight:700;line-height:1.1}.champion-build-mini-pick{color:var(--text-muted);font-size:10px;font-weight:500}.champion-build-core-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.champion-build-set-toggle{border:1px solid var(--border);background:#0c0c0e;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.champion-build-set-btn{min-width:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .12s,background .12s}.champion-build-set-btn:hover{color:var(--text-2);background:var(--surface)}.champion-build-set-btn--active{color:#fafafa;background:linear-gradient(180deg, #3b3b45 0%, var(--border) 100%);box-shadow:inset 0 1px #ffffff14}.champion-build-row{grid-template-columns:92px 1fr;align-items:start;gap:12px;margin-bottom:16px;display:grid}.champion-build-row-side{align-items:center;min-height:48px;padding-top:4px;display:flex}.champion-build-row-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;line-height:1.3}.champion-build-row-scroll-wrap{min-width:0;position:relative}.champion-build-row-scroll-wrap:before,.champion-build-row-scroll-wrap:after{content:"";z-index:1;pointer-events:none;width:28px;position:absolute;top:0;bottom:8px}.champion-build-col,.champion-build-mini-card{z-index:0;position:relative}.champion-build-col:hover,.champion-build-mini-card:hover{z-index:2}.champion-build-row-scroll-wrap:before{background:linear-gradient(90deg,#0c0c0e 0%,#0000 100%);left:0}.champion-build-row-scroll-wrap:after{background:linear-gradient(270deg,#0c0c0e 0%,#0000 100%);right:0}.champion-build-row-scroll{scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent;gap:12px;padding:4px 4px 10px;display:flex;overflow-x:auto}.champion-build-row-scroll::-webkit-scrollbar{height:6px}.champion-build-row-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.champion-build-col{border:1px solid var(--border);background:#0f0f12;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:10px;width:80px;padding:12px 10px 10px;transition:border-color .15s,background .15s;display:flex}.champion-build-col:hover{border-color:var(--border-strong);background:#141418}.champion-build-col-icons{justify-content:center;align-items:center;gap:4px;min-height:48px;display:flex}.champion-build-col-icons--stack{flex-direction:column;gap:4px}.champion-build-stats{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.champion-build-stat{flex-direction:column;gap:1px;display:flex}.champion-build-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:600}.champion-build-stat-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:1.15}.champion-build-stat-value--wr{font-size:13px;font-weight:700}.champion-build-stat-value--games{color:var(--text-muted);font-size:10px}@media (max-width:768px){.champion-build-early-grid{grid-template-columns:1fr}}@media (max-width:640px){.champion-detail-page{padding-bottom:48px}.champion-detail-header{height:150px}.champion-detail-inner{margin-top:-36px;padding:0 12px 48px}.champion-detail-title{gap:8px;margin-bottom:12px;font-size:20px}.champion-detail-title-icon{width:44px;height:44px}.champion-detail-inner .page-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.champion-detail-inner .page-filters .filter-select-wrap{min-width:0;max-width:none}.champion-detail-inner .page-filters .filter-select{height:40px;padding:6px 24px 6px 8px;font-size:16px}.champion-detail-inner .page-filters .filter-select--with-icon{padding-left:26px}.champion-detail-inner .page-filters .filter-select-icon{width:12px;height:12px;left:7px}.champion-detail-inner .page-filters .filter-select-chevron{right:6px}.champion-detail-section{margin-bottom:20px}.champion-detail-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.champion-detail-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.champion-detail-stat-card{padding:10px 8px}.champion-detail-stat-label{font-size:10px}.champion-detail-stat-value{font-size:18px}.champion-detail-stat-value--kda{font-size:12px}.champion-detail-rank-note{font-size:11px;line-height:1.45}.champion-detail-section--builds,.champion-detail-section--runes{border-radius:12px;padding:14px 12px 16px}.champion-rune-trees-wrap{scroll-snap-type:x mandatory;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px}.champion-rune-trees-grid{flex-direction:row;align-items:stretch;gap:10px;width:max-content;max-width:none;display:flex}.champion-rune-tree-col{scroll-snap-align:start;flex:0 0 min(82vw,280px)}.champion-rune-perk-icon{width:32px;height:32px}.champion-rune-perk{min-height:48px}.champion-build-mini-card{min-width:76px;padding:10px 8px 8px}.champion-build-col{width:72px;min-width:72px;padding:10px 8px}.champion-build-row-scroll-wrap:before,.champion-build-row-scroll-wrap:after{width:16px}.champion-build-row{grid-template-columns:1fr}.champion-build-row-side{flex-flow:wrap;justify-content:space-between;align-items:center}.champion-build-core-header{flex-direction:column}.champion-build-set-toggle{justify-content:stretch;width:100%}.champion-build-set-btn{flex:1}}.champions-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;width:100%;min-width:0;max-width:980px;margin:0 auto;display:grid}.champions-grid__empty{color:var(--text-dim);text-align:center;grid-column:1/-1;max-width:640px;margin:0 auto;padding:1rem}.champion-grid-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:10px 6px;font-size:12px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.champion-grid-card__icon{border:1px solid var(--border-strong);background:var(--bg-2);border-radius:6px}.champion-grid-card__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;line-height:1.15;overflow:hidden}.champions-grid-skeleton{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;width:100%;min-width:0;max-width:980px;margin:0 auto;display:grid}.champions-grid-skeleton__cell{aspect-ratio:.85;border-radius:8px;min-height:88px}@media (max-width:480px){.champions-grid,.champions-grid-skeleton{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.champion-grid-card{padding:8px 4px}.champion-grid-card__icon{width:48px;height:48px}}.champion-grid-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.leaderboard-page{min-height:100vh}.leaderboard-inner{max-width:960px;margin:0 auto;padding:32px 24px 80px}.leaderboard-header{margin-bottom:28px}.leaderboard-header h1{color:var(--text-strong);letter-spacing:-.02em;font-size:28px;font-weight:800}.leaderboard-header p{color:var(--text-dim);margin-top:6px;font-size:14px}.leaderboard-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:14px;display:flex}.leaderboard-spinner{border:2px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.leaderboard-empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.leaderboard-loading-status{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:13px}.leaderboard-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.leaderboard-card__rank{flex-shrink:0;width:26px;height:26px;font-size:11px}.leaderboard-card__player{min-width:0;color:inherit;flex:1;align-items:center;gap:6px;text-decoration:none;display:flex;overflow:hidden}.leaderboard-card__player:hover .leaderboard-card__name{color:#a78bfa}.leaderboard-card__icon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.leaderboard-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;transition:color .12s;overflow:hidden}.leaderboard-card__tag{color:var(--text-dim);font-weight:500}.leaderboard-card__region{color:var(--text-muted);background:#71717a26;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.leaderboard-card__metrics{font-variant-numeric:tabular-nums;flex-shrink:1;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.leaderboard-card__tier{align-items:center;gap:4px;min-width:0;max-width:72px;display:inline-flex}.leaderboard-card__tier-label{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px;overflow:hidden}.leaderboard-card__lp{text-align:right;min-width:44px;color:var(--text)}.leaderboard-card__wl{text-align:right;min-width:36px}.leaderboard-card__wr{text-align:right;min-width:38px}.leaderboard-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:13px}.leaderboard-th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg);padding:10px 14px;font-size:11px;font-weight:600}.leaderboard-th--rank{text-align:center;width:52px}.leaderboard-th--player{min-width:200px}.leaderboard-th--region{width:76px}.leaderboard-th--tier{width:150px}.leaderboard-th--lp{text-align:right;width:84px}.leaderboard-th--wl{text-align:right;width:96px}.leaderboard-th--wr{text-align:right;width:92px}.leaderboard-row{transition:background .1s}.leaderboard-row:hover{background:#ffffff05}.leaderboard-row+.leaderboard-row{border-top:1px solid var(--border-subtle)}.leaderboard-td{vertical-align:middle;color:var(--text-2);padding:8px 14px}.leaderboard-td--rank{text-align:center}.leaderboard-td--region{color:var(--text-muted);font-weight:600}.leaderboard-td--lp{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.leaderboard-td--wl{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-td--wr{text-align:right}.leaderboard-lp-unit{color:var(--text-dim);font-size:11px;font-weight:500}.leaderboard-wl-sep{color:var(--text-dim)}.leaderboard-rank-num{min-width:26px;height:22px;color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.leaderboard-rank-num--top1{color:#fde047;background:#fde0471f}.leaderboard-rank-num--top2{color:#e5e7eb;background:#e5e7eb1a}.leaderboard-rank-num--top3{color:#d8975a;background:#d8975a1f}.leaderboard-player{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;transition:color .12s;display:flex}.leaderboard-player:hover{color:#a78bfa}.leaderboard-player__icon{border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0}.leaderboard-player__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.leaderboard-player:hover .leaderboard-player__name{color:#a78bfa}.leaderboard-player__tag{color:var(--text-dim);font-weight:400}.leaderboard-tier{align-items:center;gap:7px;display:inline-flex}.leaderboard-tier__icon{image-rendering:-webkit-optimize-contrast;flex-shrink:0}.leaderboard-tier__label{color:var(--text-2);white-space:nowrap;font-weight:600}.leaderboard-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.leaderboard-pager__page{border:1px solid var(--border);background:var(--surface);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:0 10px;font-size:13px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.leaderboard-pager__page:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.leaderboard-pager__page--active,.leaderboard-pager__page--active:hover{color:var(--text-strong);cursor:default;background:#8b5cf629;border-color:#8b5cf68c}.leaderboard-pager__page:disabled{opacity:.45;cursor:default}.champion-abilities{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.champion-abilities-strip{flex-wrap:wrap;gap:10px;display:flex}.champion-ability-tile{border:1px solid var(--border);background:var(--bg-2);cursor:pointer;border-radius:10px;width:52px;height:52px;padding:0;transition:border-color .12s,transform .12s;position:relative;overflow:hidden}.champion-ability-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.champion-ability-tile--active{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf666}.champion-ability-tile__icon{object-fit:cover;width:100%;height:100%;display:block}.champion-ability-tile__hotkey{min-width:15px;height:15px;color:var(--text);text-align:center;background:#09090bd9;border-radius:4px;padding:0 3px;font-size:10px;font-weight:700;line-height:15px;position:absolute;bottom:2px;right:2px}.champion-ability-tile--skeleton{background:var(--surface-hover);cursor:default}.champion-ability-detail__head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.champion-ability-detail__name{color:var(--text-strong);font-size:15px;font-weight:700}.champion-ability-detail__badges{flex-wrap:wrap;gap:6px;display:inline-flex}.champion-ability-badge{color:#a78bfa;background:#8b5cf61f;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.champion-ability-detail__desc{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.champion-matchups-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.champion-matchups-col{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.champion-matchups-col-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.champion-matchups-col-title--best{color:#4ade80}.champion-matchups-col-title--worst{color:#f87171}.champion-matchups-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.champion-matchup-row{align-items:center;gap:8px;padding:6px 0;display:flex}.champion-matchup-row+.champion-matchup-row{border-top:1px solid var(--border-subtle)}.champion-matchup-champ{color:inherit;flex:1;align-items:center;gap:8px;min-width:0;text-decoration:none;transition:color .12s;display:flex}.champion-matchup-champ:hover{color:#a78bfa}.champion-matchup-icon{border:1px solid var(--border-strong);border-radius:6px;flex-shrink:0}.champion-matchup-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.champion-matchup-champ:hover .champion-matchup-name{color:#a78bfa}.champion-matchup-games{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:11px}.champion-matchup-wr{text-align:right;flex-shrink:0;min-width:48px;font-size:13px;font-weight:700}.champion-matchups-empty{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text-dim);border-radius:12px;padding:20px;font-size:13px}@media (max-width:640px){.champion-matchups-grid{grid-template-columns:1fr}}.compare-page{min-height:100vh}.compare-inner{max-width:960px;margin:0 auto;padding:32px 24px 80px}.compare-header{margin-bottom:22px}.compare-header h1{color:var(--text-strong);letter-spacing:-.02em;font-size:28px;font-weight:800}.compare-header p{color:var(--text-dim);margin-top:6px;font-size:14px}.compare-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:14px;display:flex}.compare-spinner{border:2px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.compare-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.compare-autocomplete{flex:220px;min-width:0;position:relative}.compare-autocomplete--focused .compare-input,.compare-autocomplete--open .compare-input{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.compare-autocomplete--open .compare-input{border-radius:9px 9px 0 0}.compare-autocomplete__dropdown{border-radius:0 0 9px 9px}.compare-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:9px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:block}.compare-input::placeholder{color:var(--text-dim)}.compare-input:focus{outline:none}.compare-input:focus-visible{outline:none}.compare-vs{color:var(--text-muted);letter-spacing:.08em;flex-shrink:0;font-size:12px;font-weight:800}.compare-submit{color:#c4b5fd;cursor:pointer;background:#7c3aed29;border:1px solid #7c3aed;border-radius:9px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s}.compare-submit:hover{background:#7c3aed42;border-color:#8b5cf6}.compare-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.compare-col{flex-direction:column;gap:12px;min-width:0;display:flex}.compare-col--empty,.compare-col--loading{border:1px dashed var(--border);color:var(--text-dim);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:120px;padding:40px 16px;font-size:13px}.compare-col--loading{flex-direction:row}.compare-summoner{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.compare-summoner__icon{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0}.compare-summoner__meta{min-width:0}.compare-summoner__name{color:var(--text);word-break:break-word;font-size:15px;font-weight:700}.compare-summoner__tag{color:var(--text-dim);font-weight:400}.compare-summoner__sub{color:var(--text-muted);margin-top:3px;font-size:12px}@media (max-width:640px){.compare-header h1{font-size:22px}.compare-grid{grid-template-columns:1fr}.compare-form{gap:8px}.compare-vs{display:none}.compare-autocomplete{flex-basis:100%}}.home-top{width:100%;max-width:760px;margin:36px auto 0}.home-top__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.home-top__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.home-top__link{color:#a78bfa;white-space:nowrap;font-size:12px;font-weight:600;text-decoration:none}.home-top__link:hover{color:#c4b5fd}.home-top__grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.home-top__card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.home-top__card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.home-top__icon{border:1px solid var(--border-strong);border-radius:8px}.home-top__name{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.home-top__wr{font-size:13px;font-weight:700}.home-top__games{color:var(--text-dim);font-size:10px}@media (max-width:760px){.home-top{padding:0 16px}.home-top__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:420px){.home-top__grid{grid-template-columns:repeat(2,1fr)}}.recent-form__row{flex-direction:column;gap:8px;min-width:0;display:flex}.recent-form__dots{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;min-width:0;display:grid}.recent-form__dot{aspect-ratio:1;color:#fff;border-radius:5px;justify-content:center;align-items:center;width:100%;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.recent-form__dot--win{background:#22c55e}.recent-form__dot--loss{background:#ef4444}.recent-form__summary{font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.recent-form__record{white-space:nowrap;flex-shrink:0}.recent-form__streak{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-align:right;flex-shrink:0;font-size:10px;font-weight:600}.recent-form__streak--win{color:#4ade80}.recent-form__streak--loss{color:#f87171}