:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navbar-height:64px;--bg:#07080e;--bg-2:#0b0c15;--surface:#11131e;--surface-hover:#181b2a;--border-subtle:#161a27;--border:#1f2436;--border-strong:#2e3550;--text-strong:#f5f6fc;--text:#d7dbea;--text-2:#c4cadb;--text-secondary:#8f97ad;--text-muted:#6d7590;--text-dim:#4e5570;--cta-text:#f2f0ff;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 18px 52px #00000080;--shadow-glow:0 0 0 1px #897cff33, 0 0 28px #897cff1a;--focus-ring:0 0 0 3px #897cff42;--card-inset:inset 0 1px 0 #ffffff0b;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-shell-dur:.36s;--motion-item-dur:.38s;--motion-lp-draw-dur:.58s;--accent:#897cff;--accent-hover:#7a6cf5;--accent-text:#b3a8ff;--accent-text-hover:#cdc4ff;--accent-light:#ddd9ff;--accent-bright:#9d92ff;--accent-muted:#897cff21;--accent-active-bg:#1a1738;--accent-2:#22d3ee;--brand-gradient:linear-gradient(135deg, var(--accent-text) 0%, var(--accent-bright) 45%, var(--accent-2) 100%);--success:#34d399;--success-strong:#10b981;--success-light:#6ee7b7;--success-border:#065f46;--success-win-text:#022c22;--success-gradient-start:#059669;--success-tint-bg:#10b98117;--success-tint-bg-hover:#10b98124;--success-tint-border:#10b98157;--danger:#fb7185;--danger-strong:#f43f5e;--danger-deep:#e11d48;--danger-border:#881337;--danger-loss-text:#4c0519;--danger-bg-deep:#4c0519;--danger-text-bright:#fda4af;--danger-muted:#fb71851f;--danger-tint-bg:#f43f5e17;--danger-tint-bg-hover:#f43f5e24;--danger-tint-border:#f43f5e52;--danger-active-bg:#2a0a12;--warning:#fbbf24;--warning-strong:#f59e0b;--warning-bright:#facc15;--warning-gold:#fde047;--warning-amber-text:#422006;--warning-muted:#fbbf241f;--team-blue:#38bdf8;--team-blue-text:#7dd3fc;--team-blue-bg:#0c2a3d;--team-blue-sky:#bae6fd;--team-blue-light:#e0f2fe;--team-blue-muted:#38bdf81f;--rank-iron:#7c6f6f;--rank-bronze:#a0674a;--rank-silver:#8fa3b1;--rank-gold:#c89b3c;--rank-platinum:#4eada0;--rank-emerald:#4caf7d;--rank-diamond:#576bce;--rank-master:#9d48e0;--rank-grandmaster:#d1372e;--rank-challenger:#f4c874;--leaderboard-gold:#fde047;--leaderboard-silver:#e5e7eb;--leaderboard-bronze:#d8975a;--arena-tier-muted:#8a8580;--arena-tier-bronze:#cd7f32;--arena-tier-silver:#9ca3af;--arena-tier-teal:#5eead4;--arena-tier-emerald:#34d399;--arena-tier-sky:#7dd3fc;--arena-tier-purple:#c084fc;--highlight-orange:#fb923c;--surface-gradient-top:#151928;--surface-gradient-bottom:#0d101a;--surface-mid:#232941;--surface-deep-top:#0b0c15;--surface-deep-bottom:#07080e;--arena-win-gradient-start:#fde68a;--arena-win-gradient-end:#897cff;--text-secondary-muted:#8f97ad1a;--text-dim-muted:#4e55701a;--navbar-bg:#07080ec7;--page-inner-max:1000px;--page-inner-pad-top:40px;--page-inner-pad-x:28px;--page-inner-pad-bottom:96px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navbar-bg:#f7f8fcd1;--bg:#f3f4f9;--bg-2:#e9ebf3;--surface:#fff;--surface-hover:#eff1f8;--border-subtle:#e5e8f1;--border:#d8dde9;--border-strong:#bcc4d6;--text-strong:#0c0f1d;--text:#1c2334;--text-2:#2b3247;--text-secondary:#4b5468;--text-muted:#68718a;--text-dim:#8a91a8;--cta-text:#fff;--shadow-sm:0 1px 2px #1519300f;--shadow-md:0 10px 28px #15193017;--shadow-lg:0 18px 52px #1519301f;--shadow-glow:0 0 0 1px #6d5ee833, 0 0 22px #6d5ee81a;--focus-ring:0 0 0 3px #6d5ee838;--card-inset:inset 0 1px 0 #fff9;--success:#047857;--success-strong:#059669;--success-light:#10b981;--success-gradient-start:#047857;--success-border:#065f46;--danger:#e11d48;--danger-strong:#be123c;--danger-deep:#9f1239;--warning:#b45309;--warning-strong:#d97706;--warning-bright:#ca8a04;--accent:#6d5ee8;--accent-hover:#5d4ee0;--accent-text:#5d4ed6;--accent-text-hover:#4c3fb8;--accent-bright:#897cff;--accent-muted:#6d5ee81a;--accent-active-bg:#efedfd;--team-blue:#0284c7;--team-blue-text:#0369a1;--team-blue-light:#e0f2fe;--team-blue-bg:#f0f9ff;--team-blue-sky:#7dd3fc;--success-tint-bg:#04785714;--success-tint-bg-hover:#0478571f;--success-tint-border:#04785747;--danger-tint-bg:#e11d4814;--danger-tint-bg-hover:#e11d481f;--danger-tint-border:#e11d4847;--surface-gradient-top:#fff;--surface-gradient-bottom:#f4f6fb;--surface-mid:#d8dde9;--surface-deep-top:#eff1f8;--surface-deep-bottom:#e9ebf3}::selection{color:var(--text-strong);background:#897cff52}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}html,body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"ss01" on, "cv11" on, "tnum" on;letter-spacing:-.011em;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;max-width:100%}.site-shell,.site-shell-main{min-width:0;max-width:100%}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible,[role=tab]:focus-visible,[role=option]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}@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{padding:32px max(20px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-top:1px solid var(--border-subtle);background:radial-gradient(ellipse 60% 100% at 50% 100%, var(--accent-muted), transparent 70%), var(--bg-2);flex-direction:column;flex-shrink:0;align-items:center;gap:14px;margin-top:auto;display:flex}.site-footer__links{align-items:center;gap:10px;display:flex}.site-footer__link{color:var(--text-muted);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.site-footer__link:hover{color:var(--accent-text);background:var(--accent-muted)}.site-footer__sep{color:var(--border-strong);font-size:12px}.site-footer-text{max-width:720px;color:var(--text-dim);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}}@media (max-width:768px){:root{--page-inner-pad-top:20px;--page-inner-pad-x:14px;--page-inner-pad-bottom:64px}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,calc(6px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes spin{to{transform:rotate(360deg)}}
.site-shell:has(.home-route) .site-shell-main{flex-direction:column;flex:auto;min-height:0;display:flex}.site-shell:has(.home-route) .site-footer{padding-block:12px 14px}.site-shell:has(.home-route) .site-footer-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.home-route{flex-direction:column;flex:auto;min-height:0;display:flex}.home-page{background:radial-gradient(ellipse 80% 50% at 50% -12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), radial-gradient(ellipse 42% 32% at 100% 8%, color-mix(in srgb, var(--team-blue) 7%, transparent), transparent 52%), radial-gradient(ellipse 38% 30% at 0% 42%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 48%), var(--bg);flex-direction:column;flex:auto;justify-content:space-evenly;align-items:center;gap:clamp(18px,3.4vh,40px);min-height:0;padding:clamp(16px,3vh,40px) 24px clamp(18px,3.2vh,44px);display:flex;position:relative}.home-hero{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(8px,1.2vh,16px);max-width:720px;display:flex;position:relative}.home-hero:before{content:"";background:radial-gradient(ellipse 50% 50% at 50% 50%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);filter:blur(8px);pointer-events:none;width:min(560px,90vw);height:min(280px,40vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)}.home-hero>*{position:relative}.home-hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:0 0 20px -6px color-mix(in srgb, var(--accent) 40%, transparent);align-items:center;gap:8px;margin:0;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.home-hero h1{letter-spacing:-.05em;color:var(--text-strong);background:linear-gradient(135deg, var(--text-strong) 12%, var(--accent-text) 55%, var(--team-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.04em;padding-bottom:.08em;font-size:clamp(44px,8vw,76px);font-weight:800;line-height:1.04;overflow:visible}.home-hero__subtitle{color:var(--text-secondary);letter-spacing:-.01em;max-width:480px;font-size:clamp(14px,2.4vw,17px);line-height:1.5}.home-hero-search{z-index:30;flex-shrink:0;width:100%;max-width:560px;position:relative}.search-form--hero{--search-shell-bg:var(--surface);--search-shell-border:var(--border-strong)}.search-box--hero{border-radius:var(--radius-pill);border-color:var(--border-strong);background:linear-gradient(160deg, var(--surface-gradient-top), var(--surface));box-shadow:var(--shadow-md), var(--card-inset), 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent), 0 0 44px -12px color-mix(in srgb, var(--accent) 30%, transparent);padding:6px}.search-box--hero:focus-within,.search-box--hero.search-box--focused,.search-form--hero:focus-within .search-box--hero,.search-form--hero.search-form--open .search-box--hero{background-color:var(--surface-hover);border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:var(--focus-ring), var(--shadow-md), 0 0 52px -10px color-mix(in srgb, var(--accent) 42%, transparent)}.search-box--hero.dropdown-open,.search-form--hero.search-form--open .search-box--hero{border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--card-inset);border-bottom:none}.search-box--hero .search-box__icon{width:46px}.search-box--hero .search-input{padding:13px 12px 13px 0;font-size:16px}.search-box--hero .search-btn{height:42px;min-height:42px;padding:0 22px;font-size:14px}.search-btn--hero .search-btn__icon{display:none}@media (max-width:640px){.search-box--hero .search-btn__label{display:none}.search-btn--hero .search-btn__icon{display:flex}.search-box--hero .search-btn{min-width:42px;padding:0 12px}.search-box--hero .search-input{font-size:16px}}.home-features{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:780px;display:grid}.home-feature-card{background:linear-gradient(160deg, var(--surface-gradient-top) 0%, var(--surface) 55%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm), var(--card-inset);transition:border-color .2s, transform .18s var(--motion-ease-out), box-shadow .2s;flex-direction:column;gap:10px;padding:20px 22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-text), var(--accent-2));opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.home-feature-card:after{content:"";background:radial-gradient(ellipse 90% 60% at 50% -20%, var(--accent-muted), transparent 65%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.home-feature-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-3px)}.home-feature-card:hover:before,.home-feature-card:hover:after{opacity:1}.home-feature-card>*{position:relative}.home-feature-card__icon{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent-2) 10%, transparent));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-text);box-shadow:inset 0 1px 0 #ffffff14, 0 4px 14px -6px color-mix(in srgb, var(--accent) 55%, transparent);transition:transform .18s var(--motion-ease-out);justify-content:center;align-items:center;display:flex}.home-feature-card:hover .home-feature-card__icon{transform:translateY(-1px)scale(1.04)}.home-feature-card__icon svg{width:20px;height:20px}.home-feature-card h3{letter-spacing:-.015em;color:var(--text-strong);font-size:15px;font-weight:700}.home-feature-card p{color:var(--text-muted);font-size:13px;line-height:1.5}@media (max-width:768px){.home-page{gap:clamp(14px,2.6vh,28px);width:100%;max-width:100%;padding:14px 14px 18px}.home-hero{width:100%}.home-features{gap:10px;max-width:100%}.home-feature-card{text-align:center;align-items:center;gap:8px;padding:14px 12px}.home-feature-card p{display:none}.home-feature-card h3{font-size:13px;line-height:1.25}}@media (max-width:480px){.home-page{gap:14px;padding:12px 12px 14px}.home-feature-card__icon{width:36px;height:36px}}@media (max-height:780px){.home-feature-card p,.home-top__games{display:none}.home-hero__subtitle{font-size:13px;line-height:1.35}}@media (max-height:640px){.home-hero__eyebrow{display:none}.home-top__card{gap:2px;padding:6px 4px}}
.search-form{z-index:40;--search-shell-ease:var(--motion-ease-out);--search-shell-dur:var(--motion-shell-dur);--search-shell-bg:var(--surface);--search-shell-border:var(--border);width:100%;position:relative}.search-form--navbar{--search-shell-bg:var(--bg-2)}.search-form:focus-within,.search-form--open{z-index:60;--search-shell-bg:var(--surface-hover);--search-shell-border:color-mix(in srgb, var(--accent) 45%, transparent)}.search-form__error{color:var(--danger);text-align:center;margin-top:10px;font-size:13px}.search-box{z-index:3;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm), var(--card-inset);transition:border-color var(--search-shell-dur) var(--search-shell-ease), box-shadow var(--search-shell-dur) var(--search-shell-ease), background-color var(--search-shell-dur) var(--search-shell-ease);align-items:center;gap:0;padding:4px;display:flex;position:relative;overflow:visible}.search-form--navbar .search-box--navbar{background-color:var(--bg-2)}.search-box:focus-within,.search-box--focused,.search-form:focus-within .search-box,.search-form--open .search-box{background-color:var(--surface-hover);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.search-box:focus-within,.search-box--focused{box-shadow:var(--focus-ring), var(--shadow-md)}.search-box.dropdown-open,.search-form--open .search-box{border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--card-inset);transition:border-color var(--search-shell-dur) var(--search-shell-ease), box-shadow var(--search-shell-dur) var(--search-shell-ease), background-color var(--search-shell-dur) var(--search-shell-ease), border-radius 0s;border-bottom:none;padding:4px;overflow:visible}.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:var(--accent-text)}.search-input{min-width:0;color:var(--text-strong);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;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)}.search-input:focus-visible{outline:none}.search-btn{border-radius:var(--radius-pill);background:linear-gradient(160deg, var(--accent-bright) 0%, var(--accent-hover) 100%);min-width:36px;height:36px;min-height:36px;color:var(--cta-text);letter-spacing:-.01em;cursor:pointer;z-index:4;box-shadow:0 1px 0 #ffffff47 inset, 0 6px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent);border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:6px;margin:0;padding:0 16px;font-size:13px;font-weight:700;transition:filter .15s,transform .12s,box-shadow .15s;display:inline-flex;position:relative}.search-btn:hover{filter:brightness(1.08);box-shadow:0 1px 0 #ffffff52 inset, 0 8px 22px -6px color-mix(in srgb, var(--accent) 80%, transparent)}.search-btn:active{transform:scale(.98)}.search-btn__icon{justify-content:center;align-items:center;display:none}.search-btn__label{line-height:1}@keyframes search-dropdown-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-8px)}40%{opacity:1}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes search-dropdown-item-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.search-dropdown{z-index:1;background-color:var(--surface-hover);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:0 0 var(--radius-xl) var(--radius-xl);max-height:min(380px,70vh);box-shadow:var(--shadow-lg), 0 18px 40px -24px #000000a6;transform-origin:top;will-change:transform, opacity, clip-path;animation:search-dropdown-in var(--search-shell-dur,.32s) var(--search-shell-ease,cubic-bezier(.22, 1, .36, 1)) both;border-top:none;flex-direction:column;margin:0;padding:0 0 6px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.search-dropdown__head{animation:search-dropdown-item-in .28s var(--search-shell-ease,cubic-bezier(.22, 1, .36, 1)) both;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px 6px;animation-delay:50ms;display:flex}.search-dropdown__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.search-dropdown__meta{border-radius:var(--radius-pill);background:var(--accent-muted);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);min-width:18px;height:18px;color:var(--accent-text);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.search-dropdown__status{color:var(--text-dim);padding:12px 14px 14px;font-size:13px;animation:.28s cubic-bezier(.22,1,.36,1) 60ms both search-dropdown-item-in}.search-dropdown__list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:min(320px,70vh - 40px);padding:0 6px 2px;display:flex;overflow-y:auto}a.search-dropdown-item,.search-dropdown-item{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.search-dropdown--recent .search-dropdown-item,.search-dropdown--suggest .search-dropdown-item{animation:.32s cubic-bezier(.22,1,.36,1) 80ms both search-dropdown-item-in}.search-dropdown__list>.search-dropdown-item:first-child{animation-delay:60ms}.search-dropdown__list>.search-dropdown-item:nth-child(2){animation-delay:90ms}.search-dropdown__list>.search-dropdown-item:nth-child(3){animation-delay:.12s}.search-dropdown__list>.search-dropdown-item:nth-child(4){animation-delay:.15s}.search-dropdown__list>.search-dropdown-item:nth-child(5){animation-delay:.18s}.search-dropdown__list>.search-dropdown-item:nth-child(6){animation-delay:.2s}.search-dropdown__list>.search-dropdown-item:nth-child(n+7){animation-delay:.22s}@media (prefers-reduced-motion:reduce){.search-form{--search-shell-dur:.01ms}.search-box{transition-duration:.01ms}.search-dropdown,.search-dropdown__head,.search-dropdown__status,a.search-dropdown-item,.search-dropdown-item{filter:none!important;clip-path:none!important;animation:none!important;transform:none!important}}a.search-dropdown-item:visited{color:var(--text);text-decoration:none}a.search-dropdown-item:hover,a.search-dropdown-item:focus,a.search-dropdown-item:active,.search-dropdown-item:hover,.search-dropdown-item.active{background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);text-decoration:none}.search-dropdown-item.active{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent) 0%, color-mix(in srgb, var(--accent) 6%, transparent) 100%)}.search-dropdown-item__hit{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.search-dropdown-item__hit:visited{color:inherit;text-decoration:none}.search-dropdown-item__avatar{border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.search-dropdown-item__avatar--summoner{border-radius:50%}.search-dropdown-item__img{object-fit:cover;width:28px;height:28px;display:block}.search-dropdown-item__img--round{border-radius:50%}.search-dropdown-item__img--square{border-radius:calc(var(--radius-md) - 2px)}.search-dropdown__fallback-icon{color:var(--text-dim);flex-shrink:0}.search-dropdown-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-dropdown-name{min-width:0;color:var(--text-strong);letter-spacing:-.01em;align-items:baseline;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.search-dropdown-name__main{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-dropdown-name__tag{color:var(--text-dim);flex-shrink:0;font-size:12px;font-weight:600}.search-dropdown-item__kind{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.search-dropdown-item--champion .search-dropdown-item__kind{color:var(--accent-text)}.search-dropdown-item__region{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:#71717a24;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.search-delete-btn{border-radius:var(--radius-md);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .12s,background-color .12s,border-color .12s;display:flex}.search-delete-btn:hover{color:var(--danger-text-bright,var(--danger));background:var(--danger-muted);border-color:color-mix(in srgb, var(--danger) 28%, transparent)}.search-delete-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@keyframes content-reveal-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-5px)}45%{opacity:1}to{opacity:1;clip-path:none;transform:none}}@keyframes content-reveal-item-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.content-reveal{animation:content-reveal-in var(--motion-shell-dur) var(--motion-ease-out) both}.content-reveal--soft,.content-reveal-stagger>*{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.content-reveal-stagger>:first-child{animation-delay:30ms}.content-reveal-stagger>:nth-child(2){animation-delay:50ms}.content-reveal-stagger>:nth-child(3){animation-delay:70ms}.content-reveal-stagger>:nth-child(4){animation-delay:90ms}.content-reveal-stagger>:nth-child(5){animation-delay:.11s}.content-reveal-stagger>:nth-child(6){animation-delay:.13s}.content-reveal-stagger>:nth-child(7){animation-delay:.15s}.content-reveal-stagger>:nth-child(8){animation-delay:.17s}.content-reveal-stagger>:nth-child(n+9){animation-delay:.18s}.profile-page:not(.profile-page--pending-hydration)>.profile-page__inner>.profile-hero:not(.profile-hero--skeleton):not(.profile-hero--warm){animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both;animation-delay:20ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.profile-sidebar__section .ranked-card{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.profile-sidebar__section .ranked-card:first-child{animation-delay:50ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.profile-sidebar__section .ranked-card:nth-child(2){animation-delay:80ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.profile-sidebar__section .ranked-card:nth-child(3){animation-delay:.11s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.filter-results>.card{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.filter-results>.card:first-child{animation-delay:.1s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.filter-results>.card:nth-child(2){animation-delay:.13s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.filter-results>.card:nth-child(3){animation-delay:.15s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-sidebar>.filter-results>.card:nth-child(n+4){animation-delay:.17s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-main>.profile-main__chrome{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both;animation-delay:20ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true])>.profile-main>.filter-results{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both;animation-delay:40ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>*{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:first-child{animation-delay:60ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(2){animation-delay:90ms}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(3){animation-delay:.11s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(4){animation-delay:.13s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(5){animation-delay:.15s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(6){animation-delay:.17s}.profile-page:not(.profile-page--pending-hydration) .profile-layout:not([aria-busy=true]) .match-list>:nth-child(n+7){animation-delay:.18s}.account-warm-shell .profile-hero,.account-warm-shell .profile-sidebar>*,.account-warm-shell .profile-main>*,.profile-hero--skeleton,.profile-layout[aria-busy=true] .profile-sidebar>*,.profile-layout[aria-busy=true] .profile-main>*,.profile-layout[aria-busy=true] .match-list>*{animation:none!important}.chd-body>.chd-score:not([aria-hidden]),.chd-body .chd-layout:not([aria-hidden]) .chd-panel:not([aria-hidden]){animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.chd-body>.chd-score:not([aria-hidden]){animation-delay:40ms}.chd-body .chd-layout:not([aria-hidden]) .chd-main>.chd-panel:first-child{animation-delay:80ms}.chd-body .chd-layout:not([aria-hidden]) .chd-main>.chd-panel:nth-child(2){animation-delay:.12s}.chd-body .chd-layout:not([aria-hidden]) .chd-side>.chd-panel:first-child{animation-delay:.1s}.chd-body .chd-layout:not([aria-hidden]) .chd-side>.chd-panel:nth-child(2){animation-delay:.14s}.chd-body .chd-layout:not([aria-hidden]) .chd-side>.chd-panel:nth-child(n+3){animation-delay:.16s}.home-top__grid>*,.champions-grid>a:nth-child(-n+12),.tierlist-mobile-list>li,.leaderboard-mobile-list>li{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.home-top__grid>:first-child,.champions-grid>a:first-child,.tierlist-mobile-list>li:first-child,.leaderboard-mobile-list>li:first-child{animation-delay:40ms}.home-top__grid>:nth-child(2),.champions-grid>a:nth-child(2),.tierlist-mobile-list>li:nth-child(2),.leaderboard-mobile-list>li:nth-child(2){animation-delay:70ms}.home-top__grid>:nth-child(3),.champions-grid>a:nth-child(3),.tierlist-mobile-list>li:nth-child(3),.leaderboard-mobile-list>li:nth-child(3){animation-delay:.1s}.home-top__grid>:nth-child(4),.champions-grid>a:nth-child(4),.tierlist-mobile-list>li:nth-child(4),.leaderboard-mobile-list>li:nth-child(4){animation-delay:.13s}.home-top__grid>:nth-child(5),.champions-grid>a:nth-child(5),.tierlist-mobile-list>li:nth-child(5),.leaderboard-mobile-list>li:nth-child(5){animation-delay:.16s}.home-top__grid>:nth-child(6),.champions-grid>a:nth-child(6),.tierlist-mobile-list>li:nth-child(6),.leaderboard-mobile-list>li:nth-child(6){animation-delay:.18s}.home-top__grid>:nth-child(n+7),.champions-grid>a:nth-child(n+7):nth-child(-n+12),.tierlist-mobile-list>li:nth-child(n+7),.leaderboard-mobile-list>li:nth-child(n+7){animation-delay:.2s}.tierlist-table tbody tr:nth-child(-n+12),.leaderboard-table tbody tr.leaderboard-row:nth-child(-n+12){animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.tierlist-table tbody tr:first-child,.leaderboard-table tbody tr.leaderboard-row:first-child{animation-delay:40ms}.tierlist-table tbody tr:nth-child(2),.leaderboard-table tbody tr.leaderboard-row:nth-child(2){animation-delay:60ms}.tierlist-table tbody tr:nth-child(3),.leaderboard-table tbody tr.leaderboard-row:nth-child(3){animation-delay:80ms}.tierlist-table tbody tr:nth-child(4),.leaderboard-table tbody tr.leaderboard-row:nth-child(4){animation-delay:.1s}.tierlist-table tbody tr:nth-child(5),.leaderboard-table tbody tr.leaderboard-row:nth-child(5){animation-delay:.12s}.tierlist-table tbody tr:nth-child(6),.leaderboard-table tbody tr.leaderboard-row:nth-child(6){animation-delay:.14s}.tierlist-table tbody tr:nth-child(7),.leaderboard-table tbody tr.leaderboard-row:nth-child(7){animation-delay:.16s}.tierlist-table tbody tr:nth-child(8),.leaderboard-table tbody tr.leaderboard-row:nth-child(8){animation-delay:.18s}.tierlist-table tbody tr:nth-child(n+9):nth-child(-n+12),.leaderboard-table tbody tr.leaderboard-row:nth-child(n+9):nth-child(-n+12){animation-delay:.2s}.msb-page .msb-hero,.msb-page .msb-boards,.msb-page .msb--arena,.msb-page .msb-analysis,.msb-page .msb-graphs{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.msb-page .msb-hero{animation-delay:40ms}.msb-page .msb-boards,.msb-page .msb--arena{animation-delay:.1s}.msb-page .msb-analysis{animation-delay:.14s}.msb-page .msb-graphs{animation-delay:.18s}@media (prefers-reduced-motion:reduce){.content-reveal,.content-reveal--soft,.content-reveal-stagger>*,.profile-page .profile-hero,.profile-page .profile-sidebar .ranked-card,.profile-page .profile-sidebar>.filter-results>.card,.profile-page .profile-main>.filter-results,.profile-page .profile-main>.profile-main__chrome,.profile-page .match-list>*,.chd-body>.chd-score,.chd-body .chd-panel,.home-top__grid>*,.champions-grid>a,.tierlist-mobile-list>li,.leaderboard-mobile-list>li,.tierlist-table tbody tr,.leaderboard-table tbody tr.leaderboard-row,.msb-page .msb-hero,.msb-page .msb-boards,.msb-page .msb--arena,.msb-page .msb-analysis,.msb-page .msb-graphs{clip-path:none!important;animation:none!important;transform:none!important}}
.search-navbar{z-index:100;padding:env(safe-area-inset-top,0px) max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left));min-height:calc(var(--navbar-height) + env(safe-area-inset-top,0px));background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 7%, transparent), 0 12px 32px -24px #000c;align-items:center;gap:16px;display:flex;position:sticky;top:0}.search-navbar__start{flex-shrink:0;align-items:center;gap:16px;min-width:0;display:flex}.search-navbar__logo{color:var(--text-strong);white-space:nowrap;letter-spacing:-.035em;background:linear-gradient(135deg, var(--text-strong) 20%, var(--accent-text) 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin-right:2px;padding:2px 4px 2px 0;font-size:16px;font-weight:800;line-height:1.3;text-decoration:none}.search-navbar__logo:hover{filter:brightness(1.08)}.search-navbar__nav{background:color-mix(in srgb, var(--bg-2) 78%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--card-inset);flex-shrink:0;align-items:center;gap:2px;padding:4px;display:flex}.search-navbar__link{letter-spacing:-.005em;color:var(--text-secondary);border-radius:var(--radius-pill);white-space:nowrap;padding:7px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background .15s,box-shadow .15s}.search-navbar__link:hover{color:var(--text-strong);background:var(--accent-muted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.search-navbar__form{flex:1 1 0;min-width:140px}.search-navbar__form>form{width:100%;min-width:0}.search-navbar__menu-btn{z-index:170;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;box-shadow:0 1px 2px #00000059, var(--card-inset);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:none;position:relative}.search-navbar__menu-btn:hover{color:var(--text);border-color:var(--border-strong)}.search-navbar__menu-btn[aria-expanded=true]{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-muted)}.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:-12px 0 40px #00000080}.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{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;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:var(--radius-md);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:var(--focus-ring)}@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{border-radius:var(--radius-pill);width:100%;padding:3px}.search-box--navbar.dropdown-open,.search-form--navbar.search-form--open .search-box--navbar{border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--card-inset);border-bottom:none;padding:3px}.search-box--navbar .search-box__icon{width:32px}.search-box--navbar .search-input{padding:6px 10px 6px 0;font-size:14px}.search-box--navbar .search-btn{border-radius:var(--radius-pill);flex-shrink:0;align-self:center;min-width:30px;height:30px;min-height:30px;margin:0;padding:0 12px}.search-box--navbar .search-btn__label{display:none}.search-box--navbar .search-btn__icon{display:flex}.search-dropdown--navbar{border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media (min-width:640px){.search-box--navbar .search-btn{gap:5px;min-width:auto;height:30px;min-height:30px;padding:0 14px}.search-box--navbar .search-btn__label{font-size:12px;display:inline}.search-box--navbar .search-btn__icon{display:none}}@media (max-width:900px){:root{--navbar-height:52px}.search-navbar{padding:max(8px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));min-height:calc(var(--navbar-height) + env(safe-area-inset-top,0px));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}}:root[data-theme=light] .search-box:focus-within,:root[data-theme=light] .search-box--focused,:root[data-theme=light] .search-form:focus-within .search-box,:root[data-theme=light] .search-form--open .search-box,:root[data-theme=light] .search-dropdown{background-color:var(--surface)}
.profile-page{background:radial-gradient(ellipse 70% 36% at 18% 0%, color-mix(in srgb, var(--accent) 5.5%, transparent), transparent 55%), radial-gradient(ellipse 40% 28% at 88% 8%, color-mix(in srgb, var(--team-blue) 3%, transparent), transparent 50%), var(--bg);min-height:100dvh;overflow-x:visible}.profile-page__inner{max-width:1360px;margin:0 auto;padding:28px 28px 88px;overflow-x:visible}.profile-page-skeleton__status{color:var(--text-dim);text-align:center;min-height:1.25em;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:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.error-notice{background:linear-gradient(160deg, var(--danger-tint-bg), var(--surface));border:1px solid var(--danger-tint-border);border-radius:var(--radius-xl);max-width:520px;box-shadow:var(--shadow-md);flex-direction:column;align-items:flex-start;gap:12px;margin:48px auto;padding:24px 28px;display:flex}.error-notice__icon{border-radius:var(--radius-md);background:var(--danger-muted);width:44px;height:44px;color:var(--danger);flex-shrink:0;justify-content:center;align-items:center;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(--cta-text);background:linear-gradient(160deg, var(--accent-bright), var(--accent-hover));border-radius:var(--radius-md);cursor:pointer;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--accent) 50%, transparent);border:none;justify-content:center;align-items:center;min-height:40px;margin-top:4px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s,box-shadow .15s;display:inline-flex}.error-notice__retry:hover{filter:brightness(1.06)}.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-hero{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-gradient-top) 70%, var(--surface)) 0%, var(--surface) 100%);box-shadow:var(--shadow-md), var(--card-inset);grid-template-columns:minmax(0,max-content) minmax(200px,1fr) auto;align-items:center;gap:20px 28px;margin-bottom:22px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.profile-hero>*{z-index:1;position:relative}.profile-hero:before{content:"";background:linear-gradient(180deg, var(--profile-hero-accent,transparent), transparent 85%);opacity:0;pointer-events:none;z-index:2;width:3px;transition:opacity var(--motion-shell-dur) var(--motion-ease-out);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.profile-hero:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 90% at 0% 50%, color-mix(in srgb, var(--profile-hero-accent,transparent) 16%, transparent) 0%, transparent 70%), linear-gradient(135deg, color-mix(in srgb, var(--profile-hero-accent,transparent) 8%, transparent) 0%, transparent 52%);opacity:0;transition:opacity var(--motion-shell-dur) var(--motion-ease-out);position:absolute;inset:0}.profile-hero--accent-ready:before{opacity:.85}.profile-hero--accent-ready:after{opacity:1}@media (prefers-reduced-motion:reduce){.profile-hero:before,.profile-hero:after{transition:none}}.profile-hero__identity{align-items:center;gap:16px;min-width:0;display:flex}.profile-hero__icon-wrap{flex-shrink:0;position:relative}.profile-hero__icon{border:2px solid color-mix(in srgb, var(--profile-hero-accent,var(--border-strong)) 55%, var(--border-strong));background:var(--bg-2);width:76px;height:76px;box-shadow:0 0 0 3px color-mix(in srgb, var(--profile-hero-accent,transparent) 12%, transparent), var(--shadow-sm);border-radius:50%;display:block}.profile-hero__level{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--surface-hover), var(--bg-2));border:1px solid var(--border-strong);min-width:38px;color:var(--text-strong);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;box-shadow:var(--shadow-sm);padding:2px 8px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.profile-hero__text{min-width:0}.profile-hero__name{letter-spacing:-.035em;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;overflow:hidden}.profile-hero__tag{color:var(--text-muted);font-weight:700}.profile-hero__meta{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;display:flex}.profile-hero__region{border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, var(--bg-2));min-height:22px;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.profile-hero__badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:22px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.profile-hero__badge--premium{border:1px solid color-mix(in srgb, var(--warning) 35%, var(--border));background:color-mix(in srgb, var(--warning) 14%, var(--bg-2));color:var(--warning-bright)}.profile-hero__badge--streamer{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--bg-2));color:var(--accent-text)}.profile-hero__badge--pro{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success) 14%, var(--bg-2));color:var(--success-light)}:root[data-theme=light] .profile-hero__badge--premium{color:var(--warning-strong);border-color:color-mix(in srgb, var(--warning) 40%, var(--border));background:color-mix(in srgb, var(--warning) 12%, var(--bg-2))}:root[data-theme=light] .profile-hero__badge--streamer{color:var(--accent-hover);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-2))}:root[data-theme=light] .profile-hero__badge--pro{color:var(--success-strong);border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--bg-2))}.profile-hero__aside{flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;min-width:0;display:flex}.profile-hero .refresh-btn{background:linear-gradient(180deg, var(--surface-hover), var(--surface));border-color:var(--border-strong);width:auto;min-width:132px;box-shadow:var(--shadow-sm)}.profile-hero .refresh-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong))}.profile-hero--skeleton,.profile-hero--warm{pointer-events:none}.profile-hero__form-slot,.profile-hero__form{min-width:0}.profile-hero__form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:7px;font-size:10px;font-weight:700}.profile-hero__form .recent-form__summary{justify-content:flex-start;gap:10px}.profile-hero__form .recent-form__dots{gap:4px}.profile-hero__form .recent-form__dot{border-radius:var(--radius-xs);max-height:24px;box-shadow:inset 0 0 0 1px #0000002e}.profile-hero--warm .profile-hero__aside{min-height:36px}.profile-hero--warm .profile-hero__form-slot{min-height:2.75em}.profile-layout{align-items:flex-start;gap:24px;display:flex}.profile-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:300px;display:flex;overflow-x:clip}.profile-sidebar__section{flex-direction:column;gap:8px;display:flex}.profile-sidebar__section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;padding:0 2px;font-size:10px;font-weight:700;display:flex}.profile-sidebar__section-label:after{content:"";background:linear-gradient(90deg, var(--border-subtle), transparent);flex:1;height:1px}.profile-sidebar>.filter-results{flex-direction:column;gap:10px;display:flex}.profile-sidebar .card{padding:13px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.profile-sidebar .card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.profile-sidebar .widget-label{letter-spacing:.07em;margin-bottom:8px;font-size:10px}.profile-sidebar .sidebar-ranked-grid{gap:10px}.profile-sidebar .widget-view-all{margin-top:6px}.profile-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.profile-main--warm{min-height:28rem}.profile-main__warm-reserve{pointer-events:none;flex-direction:column;gap:10px;display:flex}.profile-main__warm-filters{border-radius:var(--radius-md);height:52px}.profile-main__warm-tabs{border-radius:var(--radius-md);height:40px}.profile-main__warm-match{border-radius:var(--radius-lg);height:92px}.profile-main__roles-mobile{display:none}.profile-main__chrome{z-index:20;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-gradient-top) 65%, var(--surface)), var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--card-inset);flex-direction:column;gap:10px;padding:12px;display:flex;position:static}.profile-main .match-list,.profile-main .filter-results,.profile-main .profile-tab-panel{max-width:100%;overflow-x:clip}.profile-main .profile-match-filters{max-width:100%}
.card{background:linear-gradient(165deg, var(--surface-gradient-top) 0%, var(--surface) 45%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--card-inset);padding:16px 18px;position:relative}.widget-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.widget-label:after{content:"";background:linear-gradient(90deg, var(--border-subtle), transparent);flex:1;height:1px}.sidebar-ranked-grid{flex-direction:column;gap:8px;display:flex}.ranked-card{--ranked-accent:var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--bg-2)), var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-sm), var(--card-inset);flex-direction:column;align-items:stretch;gap:0;padding:13px 14px;display:flex;position:relative;overflow:hidden}.ranked-card__main{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.ranked-card__expand-btn{appearance:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex-shrink:0;align-self:flex-start;margin:0 0 0 auto;padding:6px}.ranked-card__expand-btn:hover{color:var(--text-secondary);background:color-mix(in srgb, var(--surface-hover) 80%, transparent)}.ranked-card__expand-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.ranked-card__expand-icon{color:currentColor;transition:transform .18s var(--motion-ease-out,ease);flex-shrink:0}.ranked-card__expand-icon--open{transform:rotate(180deg)}.ranked-card>*{z-index:1;position:relative}.ranked-card:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--ranked-accent), transparent 85%) left top / 3px 100% no-repeat;opacity:0;pointer-events:none;z-index:2;animation:profile-accent-fade-in var(--motion-shell-dur) var(--motion-ease-out) 80ms forwards;position:absolute;inset:0}.ranked-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg, color-mix(in srgb, var(--ranked-accent) 8%, transparent) 0%, transparent 48%);opacity:0;animation:profile-accent-fade-in var(--motion-shell-dur) var(--motion-ease-out) 80ms forwards;position:absolute;inset:0}.ranked-card--unranked,.ranked-card--skeleton{--ranked-accent:var(--border-strong)}.ranked-card--skeleton:before,.ranked-card--skeleton:after{opacity:0;animation:none}@keyframes profile-accent-fade-in{0%{opacity:0}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.ranked-card:before,.ranked-card:after{opacity:.9;animation:none}.ranked-card--skeleton:before,.ranked-card--skeleton:after{opacity:0}}.ranked-card__emblem{object-fit:contain;flex-shrink:0;width:44px;height:44px}.ranked-card__emblem--empty{background:var(--bg-2);border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ranked-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ranked-card__queue{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-size:10px;font-weight:700;line-height:1.2}.ranked-card__tier{letter-spacing:-.02em;color:var(--ranked-accent);font-size:15px;font-weight:800;line-height:1.25}.ranked-card__tier--muted{color:var(--text-dim);font-weight:700}.ranked-card__division{color:var(--text-secondary);font-weight:500}.ranked-card__points{color:var(--text-muted);margin-left:6px;font-size:12px;font-weight:600}.ranked-card__record{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:1.3}.ranked-card__sep{color:var(--text-dim);margin:0 5px}.ranked-card__lobby{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.3;display:flex}.ranked-card__lobby-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.ranked-card__lobby-tier{color:var(--lobby-rank-accent,var(--text-strong));font-weight:700}.ranked-card__lobby-lp{color:var(--text-muted);margin-left:4px;font-weight:500}.refresh-btn{letter-spacing:-.01em;color:var(--text-strong);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:9px 16px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:var(--shadow-glow)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.refresh-btn--syncing{border-radius:var(--radius-pill);border-bottom-style:solid}.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:linear-gradient(90deg, var(--accent-hover), var(--accent-text));border-radius:inherit;height:100%;transition:width .3s}.wr-bar{border-radius:var(--radius-pill);background:var(--border);min-width:48px;height:6px;display:flex;overflow:hidden}.wr-bar__fill{border-radius:2px;height:100%;transition:width .4s}.wr-bar__fill--win{background:var(--success)}.wr-bar__fill--loss{background:var(--danger)}.champ-row{border-radius:var(--radius-sm);align-items:center;gap:8px;width:100%;margin:0;padding:5px 6px;transition:background .12s;display:flex;position:relative}.champ-row:hover,.played-with-row:hover{background:var(--accent-muted);border-radius:var(--radius-sm)}.champ-row+.champ-row{margin-top:2px}.champ-row-link{cursor:pointer}.champ-row-link:hover{color:var(--accent-text);text-decoration:underline}.role-row{cursor:default;align-items:center;gap:8px;padding:4px 2px;display:flex}.role-row+.role-row{margin-top:2px}.role-row--empty{pointer-events:none}.role-row__other-icon{border-radius:var(--radius-xs);border:1px dashed var(--border-strong);opacity:.5;flex-shrink:0;width:22px;height:22px;display:block}.played-with-row{align-items:center;gap:8px;display:flex}.played-with-row+.played-with-row{margin-top:2px}.widget-view-all{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:11px;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:flex}.widget-view-all:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent-text);background:var(--accent-muted)}.widget-view-all__count{color:var(--text-dim);font-weight:500}.sidebar-row__main{flex:1;min-width:0}.sidebar-row__stats{text-align:right;flex-shrink:0;line-height:1.2}.sidebar-row__title{color:var(--text);font-size:12px;font-weight:600;line-height:1.2}.sidebar-row__sub{margin-top:1px;font-size:10px;line-height:1.2}.sidebar-row__wr{font-size:11px;font-weight:600;line-height:1.2}.sidebar-row__icon{object-fit:cover;flex-shrink:0;width:26px;height:26px}.sidebar-row__icon--round{border-radius:50%}.sidebar-row__icon--empty{background:var(--border);border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sidebar-row__role-icon{flex-shrink:0;width:18px;height:18px}.role-icon-mono{opacity:.78;filter:brightness(0)invert();flex-shrink:0}:root[data-theme=light] .role-icon-mono{filter:brightness(0);opacity:.72}.role-icon-mono--muted{opacity:.22}:root[data-theme=light] .role-icon-mono--muted{opacity:.28}.filter-select-icon.role-icon-mono{opacity:.9}
.sort-chevron{flex-shrink:0;place-items:center;width:6px;height:6px;display:grid}.sort-chevron:before{content:"";border-style:solid;width:0;height:0}.sort-chevron--right:before{border-width:3px 0 3px 5px;border-color:#0000 #0000 #0000 currentColor}.sort-chevron--down:before{border-width:5px 3px 0;border-color:currentColor #0000 #0000}.sort-chevron--up:before{border-width:0 3px 5px;border-color:#0000 #0000 currentColor}
.profile-tabs{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:0;padding:0;position:relative}.profile-tabs__list{background:color-mix(in srgb, var(--bg-2) 82%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);width:100%;box-shadow:var(--card-inset);flex-wrap:nowrap;align-items:stretch;gap:4px;padding:4px;display:flex}.profile-tabs__label--short{display:none}.profile-tabs__tab{border-radius:var(--radius-pill);min-width:0;min-height:34px;color:var(--text-muted);letter-spacing:-.01em;cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:600;transition:color .12s,background .12s,box-shadow .12s;display:inline-flex}.profile-tabs__tab:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 80%, transparent)}.profile-tabs__tab--active{color:var(--text-strong);background:linear-gradient(180deg, var(--surface-hover), var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent), 0 2px 10px -3px color-mix(in srgb, var(--accent) 45%, transparent), 0 1px 2px #00000040}.profile-tabs__count{border-radius:var(--radius-pill);background:var(--bg-2);min-width:18px;height:18px;color:var(--text-dim);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.profile-tabs__tab--active .profile-tabs__count{background:color-mix(in srgb, var(--accent) 22%, var(--bg-2));color:var(--accent-text)}.profile-tab-panel{padding:16px 18px 12px}#profile-tab-panel-overview{flex-direction:column;gap:12px;display:flex}#profile-tab-panel-overview[hidden]{display:none}.profile-tab-panel__header{margin-bottom:12px}.profile-tab-panel__title{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.profile-tab-panel__subtitle{color:var(--text-dim);margin:4px 0 0;font-size:12px}.profile-tab-panel__empty{color:var(--text-muted);text-align:center;margin:12px 0;font-size:13px}.profile-stat-table{flex-direction:column;gap:2px;display:flex}.profile-stat-table__head,.profile-stat-table__row{border-radius:var(--radius-sm);grid-template-columns:minmax(0,2.2fr) 64px 64px minmax(120px,1.4fr) 88px;align-items:center;gap:8px;padding:8px 6px;display:grid}.profile-stat-table--champions .profile-stat-table__head,.profile-stat-table--champions .profile-stat-table__row{grid-template-columns:minmax(0,2fr) 64px 56px 72px minmax(110px,1.3fr) 80px}.profile-stat-table__head{border-bottom:1px solid var(--border-subtle);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px;padding-bottom:6px;font-size:10px;font-weight:700}.profile-stat-table__head>[role=columnheader]{align-items:center;min-height:24px;display:flex}.profile-stat-table__sort{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-width:24px;min-height:24px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;align-items:center;gap:4px;line-height:1;display:inline-flex}.profile-stat-table__sort-label{letter-spacing:inherit}.profile-stat-table__head [aria-sort=ascending] .sort-chevron,.profile-stat-table__head [aria-sort=descending] .sort-chevron,.profile-stat-table__sort:hover{color:var(--text-secondary)}.profile-stat-table__sort:focus-visible{outline:2px solid var(--team-blue);outline-offset:2px;border-radius:var(--radius-xs)}.profile-stat-table__row{color:var(--text);font-size:13px;text-decoration:none}.profile-stat-table__row--link{cursor:pointer;transition:background .12s}.profile-stat-table__row--link:hover{background:var(--accent-muted)}.profile-stat-table__entity{align-items:center;gap:10px;min-width:0;display:flex}.profile-stat-table__icon{border:1px solid var(--border-strong);object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.profile-stat-table__icon--round{border-radius:50%}.profile-stat-table__icon--empty{background:var(--border);display:block}.profile-stat-table__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profile-stat-table__cs{font-variant-numeric:tabular-nums;white-space:nowrap}.profile-stat-table__kda{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-stat-table__kda-ratio{font-size:11px}.profile-stat-table__record{white-space:nowrap}#profile-tab-panel-teammates .profile-stat-table__head,#profile-tab-panel-teammates .profile-stat-table__row,#profile-tab-panel-opponents .profile-stat-table__head,#profile-tab-panel-opponents .profile-stat-table__row{grid-template-columns:minmax(0,2.4fr) 72px 72px 96px}.played-with-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .12s;display:block;overflow:hidden}.played-with-name__tag{color:var(--text-dim);font-weight:400}.played-with-name:hover{color:var(--accent-text)}a.played-with-row{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:inherit;cursor:pointer;align-items:center;gap:8px;margin:0;padding:5px 6px;text-decoration:none;transition:background .12s;display:flex}a.played-with-row:hover{background:var(--accent-muted)}a.played-with-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.played-with-row .played-with-name{color:var(--text)}a.played-with-row:hover .played-with-name{color:var(--accent-text)}@media (max-width:768px){.profile-tab-panel--champions{padding-left:10px;padding-right:10px}.profile-stat-table--champions .profile-stat-table__head,.profile-stat-table--champions .profile-stat-table__row{grid-template-columns:minmax(0,1.2fr) 62px 44px 56px minmax(0,1fr) minmax(0,60px);gap:4px;padding:8px 2px}.profile-stat-table--champions .profile-stat-table__row{font-size:12px}.profile-stat-table--champions .profile-stat-table__head{letter-spacing:.04em}.profile-stat-table--champions .profile-stat-table__head>*,.profile-stat-table--champions .profile-stat-table__row>*{min-width:0}.profile-stat-table--champions .profile-stat-table__row>*{overflow:hidden}.profile-stat-table--champions .profile-stat-table__sort{min-width:0;max-width:100%}.profile-stat-table--champions .profile-stat-table__sort-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-stat-table--champions .profile-stat-table__record{text-overflow:ellipsis;white-space:normal;font-size:10px;line-height:1.2;overflow:hidden}.profile-stat-table--champions .profile-stat-table__kda{overflow:hidden}}@media (max-width:400px){.profile-stat-table--champions .kda-stat-block--champ-row .kda-stat-block__line{display:none}}
.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{color:var(--warning)}.kda-tier--good,.wr-tier--good{color:var(--success)}.kda-tier--avg,.wr-tier--avg{color:var(--text-secondary)}.kda-tier--low,.wr-tier--low{color:var(--danger)}.wr-bar__fill--high{background:var(--warning)}.wr-bar__fill--good{background:var(--success)}.wr-bar__fill--avg{background:var(--text-muted)}.wr-bar__fill--low{background:var(--danger)}
.performance-widget{min-height:0;margin-bottom:0;padding:12px 14px}.performance-widget .widget-label{margin-bottom:6px}.performance-widget__champ-divider{background:var(--border);height:1px;margin:0 0 6px}.perf-kda__empty{font-size:14px;font-weight:700}.performance-widget .perf-champions{min-height:0}.perf-champ-icon{border-radius:var(--radius-sm);border:1px solid var(--border-strong);flex-shrink:0;width:28px;height:28px}.perf-champ-icon--placeholder{width:28px;height:28px}.perf-champ-games{margin-top:0;font-size:10px;line-height:1.2}.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:inherit;font-size:13px;font-weight:700;line-height:1.2}.kda-stat-block--perf-overall .kda-stat-block__ratio{margin-top:1px;font-size:11px;line-height:1.2}.kda-stat-block--perf-champ .kda-stat-block__line{color:inherit;font-size:11px;line-height:1.2}.kda-stat-block--perf-champ .kda-stat-block__ratio{margin-top:0;font-size:10px;line-height:1.2}.kda-stat-block--champ-row .kda-stat-block__line,.kda-stat-block--champ-row .kda-stat-block__ratio{font-size:10px;line-height:1.2}.kda-stat-block--placeholder{visibility:hidden;pointer-events:none}.perf-kda-label{letter-spacing:.04em;text-transform:uppercase;margin-bottom:1px;font-size:10px;line-height:1.2}.champ-row--placeholder{visibility:hidden;pointer-events:none;height:0;min-height:0;margin:0;padding:0;overflow:hidden}.perf-overall{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:8px;display:flex}.perf-wl{min-width:72px}.perf-wl__record{font-size:13px;font-weight:700;line-height:1.2}.perf-wl__sep{color:var(--text-dim);margin:0 4px}.perf-wl__rate{margin-top:1px;font-size:11px;font-weight:600;line-height:1.2}.performance-widget .wr-bar{min-width:40px;height:4px;margin-top:4px}.perf-divider{background:var(--border);flex-shrink:0;width:1px;height:28px}.perf-champions{flex-direction:column;gap:2px;display:flex}a.champ-row{box-sizing:border-box;color:inherit;cursor:pointer;text-decoration:none}a.champ-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.champ-row .champ-row-name-link__text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}a.champ-row:hover .champ-row-name-link__text{color:var(--accent-text)}.perf-champ-link{min-width:0;color:inherit;border-radius:var(--radius-sm);cursor:pointer;z-index:1;pointer-events:auto;flex:auto;align-items:center;gap:8px;text-decoration:none;transition:opacity .12s;display:flex;position:static}.champ-row>.perf-champ-link:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.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:var(--accent-text)}.champ-row-name-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.perf-champ-link:hover .perf-champ-name-text{color:var(--accent-text)}.perf-champ-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.perf-champ-name{flex:1;min-width:0}.perf-champ-name-text{color:var(--text);font-size:12px;font-weight:600;line-height:1.2;transition:color .12s;display:block}.perf-champ-wl{text-align:right;min-width:56px;line-height:1.2}.performance-widget .perf-champ-wl>div{line-height:1.2;font-size:11px!important}.performance-widget .perf-champ-wl>div:nth-child(2){margin-top:0!important}.performance-widget .perf-champ-wl .wr-bar{margin-top:3px}.perf-champ-div{background:var(--border);flex-shrink:0;width:1px;height:22px}.perf-champ-kda{text-align:right;min-width:56px}
.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{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;height:36px;box-shadow:var(--shadow-sm), var(--card-inset);outline:none;padding:4px 32px 4px 12px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s,box-shadow .12s,background .12s}.filter-select-wrap--grow .filter-select,.filter-select-wrap--grow button.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{border-color:var(--accent-hover);background:var(--accent-active-bg);color:var(--accent-text);font-weight:600}.filter-select-wrap--against.filter-select-wrap--active .filter-select{border-color:var(--danger-deep);background:var(--danger-active-bg);color:var(--danger)}.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:var(--accent-text)}.filter-select-wrap--against.filter-select-wrap--active .filter-select-chevron{color:var(--danger)}.filter-select-icon{pointer-events:none;flex-shrink:0;position:absolute;left:8px}.filter-select-wrap--open{z-index:60}.filter-select-wrap--open .filter-select{border-color:var(--accent);box-shadow:var(--focus-ring)}.page-filters{background:linear-gradient(180deg, var(--surface-gradient-top) 0%, var(--surface) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--card-inset);flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:16px;padding:12px 14px;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}:is(.page-filters:has(.filter-select-wrap--open),.profile-match-filters:has(.filter-select-wrap--open)){z-index:50;position:relative}.profile-main__chrome:has(.filter-select-wrap--open){z-index:50}.filter-select-menu{background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:max(100%,160px);max-height:min(280px,50vh);box-shadow:var(--shadow-lg), 0 0 0 1px #0003;z-index:70;margin:0;padding:6px;list-style:none;animation:.14s both filter-menu-in;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.filter-select-wrap--grow .filter-select-menu{min-width:100%;left:0;right:0}@keyframes filter-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.filter-select-option{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;margin:0;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .1s,color .1s;display:block}.filter-select-option:hover,.filter-select-option:focus-visible{background:var(--accent-muted);color:var(--text-strong);outline:none}.filter-select-option--active{background:var(--accent-muted);color:var(--accent-text)}.filter-select-option--active:hover{color:var(--accent-text-hover)}button.filter-select{text-align:left;align-items:center;gap:6px;max-width:100%;font-family:inherit;display:inline-flex}button.filter-select .filter-select__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.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)}
.match-filters{flex-wrap:nowrap;align-items:center;gap:4px;width:100%;margin-bottom:10px;display:flex}.profile-main .profile-match-filters{margin-top:0;margin-bottom:0}.profile-main__chrome .profile-match-filters{border-bottom:1px solid var(--border-subtle);margin-bottom:2px;padding-bottom:2px}.profile-match-filters{margin-bottom:6px}.profile-match-filters__bar.page-filters,.profile-match-filters__bar{margin-bottom:0}.profile-match-filters__skeleton-slot{border-radius:var(--radius-md);border:1px solid var(--border);box-sizing:border-box;pointer-events:none;width:100%;height:36px}.profile-match-filters--ready{animation:content-reveal-item-in var(--motion-item-dur) var(--motion-ease-out) both}.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}.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:var(--highlight-orange)}.match-list{flex-direction:column;gap:12px;width:100%;min-width:0;padding:0 0 8px;display:flex}.match-list>.match-pill-cq,.match-list>.ranked-match-card,.match-list>.arena-match-card{content-visibility:auto;min-width:0}.match-list>.match-pill-cq--ranked,.match-list>.ranked-match-card{contain-intrinsic-size:auto 112px}.match-list>.match-pill-cq--arena,.match-list>.arena-match-card{contain-intrinsic-size:auto 104px}.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);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;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{grid-template-columns:var(--rm-pill-champ-col) minmax(0, 1fr);border-radius:var(--rm-radius-lg);align-items:start;min-width:0;max-width:100%;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:visible}.arena-match-card__body{min-width:0;color:inherit;text-decoration:none}.arena-match-card__body:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:var(--rm-radius-md)}.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{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{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-radius:var(--radius-xs);border:1px solid var(--border)}.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:2px solid var(--accent-text);outline-offset:2px;border-radius:var(--rm-radius-md)}.arena-match-card__place-text{background:linear-gradient(#ffffff0d,#ffffff03);border:1px solid #0000}.arena-match-card__place-text--first{color:var(--warning-amber-text);background:linear-gradient(180deg, var(--warning), var(--warning-strong));box-shadow:0 1px 0 #fff3 inset, 0 0 16px -4px var(--warning-strong);border-color:#0000}.arena-match-card__place-text--top4{color:var(--success-win-text);background:linear-gradient(180deg, var(--success), var(--success-strong));box-shadow:0 1px 0 #ffffff26 inset, 0 0 12px -4px var(--success-strong);border-color:#0000}.arena-match-card__place-text--out{color:var(--danger-loss-text);background:linear-gradient(180deg, var(--danger), var(--danger-strong));box-shadow:0 1px 0 #ffffff26 inset, 0 0 12px -4px var(--danger-strong);border-color:#0000}.arena-match-card__stats:focus-within,.arena-match-card__build:focus-within{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:var(--rm-radius-md)}.arena-match-card{border-radius:var(--rm-radius-lg);background:radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 40%), linear-gradient(155deg, var(--rm-surface-hi) 0%, var(--rm-surface) 100%);height:auto;min-height:0;box-shadow:0 16px 40px -28px #000000d9, var(--card-inset);border:1px solid #ffffff0f}.arena-match-card:before{border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:1;width:5px}.arena-match-card--win:before{background:linear-gradient(180deg, var(--arena-win-gradient-start), var(--arena-win-gradient-end));box-shadow:0 0 22px -4px color-mix(in srgb, var(--warning) 75%, transparent)}.arena-match-card--loss:before{background:linear-gradient(180deg, var(--danger), var(--accent-hover));box-shadow:0 0 24px -5px color-mix(in srgb, var(--accent) 86%, transparent)}.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(ellipse 60% 70% at 0% 50%, color-mix(in srgb, var(--warning) 16%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--warning) 22%, transparent), var(--rm-surface) 60%);border-color:color-mix(in srgb, var(--warning) 28%, transparent)}.arena-match-card--loss{background:radial-gradient(ellipse 60% 70% at 0% 50%, color-mix(in srgb, var(--danger) 14%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--danger) 22%, transparent), var(--rm-surface) 60%);border-color:color-mix(in srgb, var(--danger) 26%, transparent)}.arena-match-card--win:after{background:linear-gradient(90deg, color-mix(in srgb, var(--warning) 13%, transparent), transparent 48%)}.arena-match-card--loss:after{background:linear-gradient(90deg, color-mix(in srgb, var(--danger) 11%, transparent), transparent 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:color-mix(in srgb, var(--warning) 40%, transparent);box-shadow:0 8px 18px -16px color-mix(in srgb, var(--warning) 76%, transparent), 0 6px 16px -14px #000000e6, var(--card-inset)}.arena-match-card--loss:hover{border-color:color-mix(in srgb, var(--danger) 34%, transparent);box-shadow:0 8px 18px -16px color-mix(in srgb, var(--danger) 72%, transparent), 0 6px 16px -14px #000000e6, var(--card-inset)}}.arena-match-card__champ-link{z-index:2;align-self:center}.arena-match-card__meta{align-self:center;min-width:0;line-height:1.3}.arena-match-card__mode{color:var(--rm-text);letter-spacing:-.02em;margin-top:1px;font-size:clamp(12px,3.6cqi,14px);font-weight:700;line-height:1.2}@container arena-match-card (min-width:600px){.arena-match-card .match-participants{display:grid}.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:row;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{flex-flow:wrap;flex-shrink:0;gap:3px;display:flex}.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,22px));grid-template-rows:repeat(2, var(--rm-pill-item,22px))}.arena-match-card__items>span,.arena-match-card__items>div,.arena-match-card__items img{width:var(--rm-pill-item,22px);height:var(--rm-pill-item,22px)}.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:var(--accent-light);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, transparent), #1a17384d);border-color:color-mix(in srgb, var(--accent) 24%, transparent)}.arena-match-card__place-text{width:max-content;max-width:100%}.match-card__spell,.match-card__rune{border-radius:var(--radius-xs);border:1px solid var(--border-strong);object-fit:cover;flex-shrink:0;width:20px;height:20px;display:block}.match-card__rune{object-fit:contain}.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{opacity:1;filter:none;cursor:help;background:0 0;border:none;border-radius:0;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:0;width:auto;min-width:0;padding:0;display:inline-flex}.item-tooltip,.hover-tooltip{z-index:100000;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);pointer-events:none;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-radius:var(--radius-xs);border:1px solid var(--border-strong);flex-shrink:0}.hover-tooltip-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.hover-tooltip-gold{color:var(--warning-bright);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:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.notice--warning{background:color-mix(in srgb, var(--warning) 8%, transparent);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent)}.notice__icon{flex-shrink:0;margin-top:1px}.notice--warning .notice__icon,.notice--warning .notice__title{color:var(--warning-bright)}.notice--danger .notice__icon,.notice--danger .notice__title{color:var(--danger)}.notice__title{font-size:14px;font-weight:600}.notice__body{color:var(--text-secondary);margin-top:3px;font-size:13px}.profile-page__error{color:var(--danger);text-align:center;margin-bottom:16px}.skeleton{background:linear-gradient(105deg, var(--border) 0%, var(--surface-hover) 40%, color-mix(in srgb, var(--accent) 8%, transparent) 50%, var(--surface-hover) 60%, var(--border) 100%);border-radius:var(--radius-sm);will-change:background-position;background-size:200% 100%;animation:1.35s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.text-win{color:var(--success)}.text-loss{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}
@media (max-width:1100px){.profile-hero{grid-template-columns:minmax(0,max-content) minmax(160px,1fr);gap:16px 20px}.profile-hero__aside{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center}}@media (max-width:900px){.profile-layout{flex-direction:column;align-items:stretch;gap:16px;width:100%;min-width:0;max-width:100%}.profile-sidebar,.profile-main{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.profile-sidebar{order:1}.profile-main{flex:none;order:2}.profile-sidebar>:not(.profile-sidebar__section){display:none!important}.profile-main__roles-mobile{width:100%;min-width:0;max-width:100%;display:block}.sidebar-ranked-grid{flex-direction:unset;grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:10px;display:grid}:is(.sidebar-ranked-grid:has(.ranked-card__lobby),.sidebar-ranked-grid:has(.ranked-card--with-lp)){grid-template-columns:1fr}.profile-main .match-list,.profile-main .profile-match-filters,.profile-main .filter-results,.profile-main .performance-widget,.profile-main .card,.profile-main .profile-tabs,.profile-main .profile-tab-panel,.profile-main .profile-main__chrome{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.profile-tabs__list{width:100%}.profile-tabs__tab{flex:auto;justify-content:center;padding:8px 10px;font-size:12px}.profile-match-filters__bar.page-filters{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin-bottom:12px;padding:10px 12px;display:grid}.profile-match-filters__bar.page-filters .filter-select-wrap{width:100%;min-width:0;max-width:none}.profile-match-filters__bar.page-filters .filter-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}}@media (max-width:768px){.profile-page__inner{padding:20px max(16px, env(safe-area-inset-left)) 60px max(16px, env(safe-area-inset-right));box-sizing:border-box;width:100%;max-width:100%;overflow-x:clip}.profile-hero{grid-template-columns:1fr;gap:14px;margin-bottom:16px;padding:16px}.profile-hero__aside{align-items:stretch}.profile-hero .refresh-btn{width:100%;min-width:0}.profile-hero__name{font-size:22px}.profile-main__chrome{padding:10px;position:static}#profile-tab-panel-teammates .profile-stat-table__head,#profile-tab-panel-teammates .profile-stat-table__row,#profile-tab-panel-opponents .profile-stat-table__head,#profile-tab-panel-opponents .profile-stat-table__row{grid-template-columns:minmax(0,1.6fr) 52px 56px minmax(0,1fr);gap:6px;padding:8px 4px;font-size:12px}.profile-match-filters__bar.page-filters{box-sizing:border-box;flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;max-width:100%;margin-bottom:12px;padding:10px 12px;display:flex}.profile-match-filters__bar.page-filters .filter-select-wrap{flex:calc(50% - 4px);min-width:0;max-width:none}.profile-match-filters__bar.page-filters .filter-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.profile-main .ranked-match-card,.profile-main .arena-match-card{box-sizing:border-box;--rm-outcome-col:3.5rem;--rm-pill-champ-col:48px;--rm-pill-champ-size:44px;width:100%;min-width:0;max-width:100%}.profile-main .ranked-match-card__body,.profile-main .arena-match-card__body{min-width:0;max-width:100%}.profile-main .ranked-match-card__build,.profile-main .arena-match-card__build{width:fit-content;max-width:100%;min-width:0!important}.profile-main .perf-overall{flex-wrap:wrap;gap:12px;min-width:0;max-width:100%}.profile-main .perf-kda,.profile-main .perf-champ-wl,.profile-main .perf-champ-kda{min-width:0}}@media (max-width:400px){.profile-tabs__label--full{display:none}.profile-tabs__label--short{display:inline}.profile-tabs__tab{gap:4px;padding:8px 6px;font-size:11px}.profile-tabs__count{min-width:16px;height:16px;padding:0 4px;font-size:9px}}@media (max-width:480px){.profile-page__inner{padding:16px max(12px, env(safe-area-inset-left)) 48px max(12px, env(safe-area-inset-right));box-sizing:border-box;width:100%;max-width:100%}.profile-main .match-list{gap:8px;width:100%;max-width:100%}.profile-main .profile-match-filters{width:100%;max-width:100%;margin-top:6px;margin-bottom:8px}.sidebar-ranked-grid{grid-template-columns:1fr}.profile-match-filters__bar.page-filters{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;max-width:100%;padding:8px 10px;display:grid}.profile-match-filters__bar.page-filters .filter-select-wrap{flex:none;width:100%;min-width:0;max-width:none}.profile-match-filters__bar.page-filters .filter-select{box-sizing:border-box;width:100%;min-width:0;height:40px}.profile-main .ranked-match-card,.profile-main .arena-match-card{--rm-outcome-col:3.1rem;--rm-pill-champ-col:44px;--rm-pill-champ-size:40px;padding-left:10px;padding-right:10px}.perf-champ-wl,.perf-champ-kda{min-width:0}.back-link{margin-bottom:20px}.perf-overall{gap:12px}}
.tierlist-page{background:radial-gradient(ellipse 70% 40% at 50% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 55%), var(--bg);min-height:100dvh;overflow-x:clip}.tierlist-inner{max-width:var(--page-inner-max);padding:var(--page-inner-pad-top) max(var(--page-inner-pad-x), env(safe-area-inset-right)) var(--page-inner-pad-bottom) max(var(--page-inner-pad-x), env(safe-area-inset-left));margin:0 auto}.tierlist-header{border-bottom:1px solid var(--border-subtle);margin-bottom:28px;padding-bottom:20px}.tierlist-header h1{color:var(--text-strong);letter-spacing:-.035em;background:linear-gradient(135deg, var(--text-strong) 30%, var(--accent-text));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1.1}.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-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--card-inset);padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .12s,color .12s,background .12s,box-shadow .15s}.tierlist-queue-btn:hover{border-color:var(--border-strong);color:var(--text)}.tierlist-queue-btn--active{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:var(--accent-muted);color:var(--accent-text);box-shadow:0 0 16px -4px color-mix(in srgb, var(--accent) 45%, transparent)}.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:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.account-loading{background:var(--bg);min-height:100dvh}.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:var(--danger);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 .12s}.tierlist-results--pending,.filter-results--pending,html.page-nav-pending .site-shell-main{opacity:.68}.site-shell-main>.page-enter:not(:last-child){display:none}html:not(.page-nav-pending) .page-enter{animation:pageEnterFade var(--motion-shell-dur) var(--motion-ease-out) both}@keyframes pageEnterFade{0%{opacity:0}to{opacity:1}}.tierlist-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-gradient-top) 0%, var(--surface) 120px), var(--surface);box-shadow:var(--shadow-sm), var(--card-inset);overflow-x:auto}.tierlist-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.tierlist-th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;background:color-mix(in srgb, var(--bg-2) 72%, var(--surface));padding:11px 14px;font-size:11px;font-weight:700}.tierlist-band-row{background:linear-gradient(90deg, var(--accent-muted), var(--bg-2) 40%)}.tierlist-band-cell{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:7px 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;align-items:center;gap:4px;display:inline-flex}.tierlist-th[aria-sort=ascending] .sort-chevron,.tierlist-th[aria-sort=descending] .sort-chevron{color:var(--text-secondary)}.tierlist-th-button:focus-visible{outline:2px solid var(--team-blue);outline-offset:2px;border-radius:var(--radius-xs)}.tierlist-row{transition:background .1s,box-shadow .15s}.tierlist-row:hover{background:var(--surface-hover);box-shadow:inset 2px 0 0 var(--accent)}.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;min-width:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent), inset 0 1px 0 #ffffff0f, 0 2px 10px -4px currentColor;text-shadow:0 0 14px color-mix(in srgb, currentColor 45%, transparent);border-radius:5px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.tierlist-td--champ{vertical-align:middle}.tierlist-champ-link{color:inherit;align-items:center;gap:10px;text-decoration:none;transition:color .12s;display:flex}.tierlist-champ-link:hover{color:var(--accent-text)}.tierlist-champ-name{color:var(--text);white-space:nowrap;font-weight:600}.tierlist-td--role{color:var(--text-muted)}.tierlist-role-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-secondary) 10%, transparent);border:1px solid color-mix(in srgb, var(--text-secondary) 16%, transparent);color:var(--text-secondary);padding:3px 9px;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:var(--accent);border-radius:2px;height:100%;transition:width .3s}.tierlist-champ-icon{border-radius:var(--radius-sm);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-mobile-sort-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 10px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.tierlist-mobile-sort-btn--active{border-color:var(--accent-hover);background:var(--accent-muted);color:var(--accent-text)}.tierlist-card{background:linear-gradient(145deg, var(--surface-gradient-top) 0%, var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm), var(--card-inset);align-items:center;gap:10px;padding:12px 14px;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:var(--accent-text)}.tierlist-card__icon{border-radius:var(--radius-sm);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);border-radius:var(--radius-xs);background:#71717a26;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:768px){.page-filters .filter-select,.search-input{font-size:16px}.tierlist-inner,.leaderboard-inner,.compare-inner{max-width:var(--page-inner-max);padding:var(--page-inner-pad-top) max(var(--page-inner-pad-x), env(safe-area-inset-right)) var(--page-inner-pad-bottom) max(var(--page-inner-pad-x), env(safe-area-inset-left));margin:0 auto}.tierlist-header,.leaderboard-header,.compare-header{border-bottom:1px solid var(--border-subtle);margin-bottom:28px;padding-bottom:20px}.tierlist-header h1,.leaderboard-header h1{color:var(--text-strong);letter-spacing:-.035em;background:linear-gradient(135deg, var(--text-strong) 30%, var(--accent-text));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1.1}.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){.leaderboard-cutoff{gap:8px;margin-bottom:14px}.leaderboard-cutoff__module{gap:8px;padding:12px}.leaderboard-cutoff__label{letter-spacing:.04em;font-size:10px}.leaderboard-cutoff__icon{width:24px;height:24px}.leaderboard-cutoff__value{font-size:17px}.leaderboard-cutoff__lp-unit{font-size:11px}.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,.leaderboard-pager__nav{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-header h1{font-size:22px}.tierlist-empty{padding:28px 8px;font-size:13px}}@media (max-width:480px){.leaderboard-cutoff{grid-template-columns:1fr}.leaderboard-card__metrics{flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;min-width:0}.leaderboard-card__tier-label,.leaderboard-card__wl{display:none}}@media (max-width:400px){.tierlist-card__pick,.tierlist-card__role{display:none}}
.chd-page{background:radial-gradient(ellipse 50% 30% at 50% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 55%), var(--bg);min-height:100dvh;padding-bottom:64px}.chd-splash{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);width:100%;height:220px;position:relative;overflow:hidden}.chd-splash__img{object-fit:cover;object-position:center 18%;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}@media (prefers-reduced-motion:no-preference){.chd-splash__img{animation:24s ease-in-out infinite alternate chd-splash-drift}@keyframes chd-splash-drift{0%{transform:scale(1.04)translateY(0)}to{transform:scale(1.09)translateY(-6px)}}}.chd-splash__veil{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 25%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 40%, var(--bg) 100%), linear-gradient(90deg, color-mix(in srgb, var(--bg) 45%, transparent) 0%, transparent 40%, transparent 60%, color-mix(in srgb, var(--bg) 35%, transparent) 100%);position:absolute;inset:0}@media (min-width:900px){.chd-splash{height:300px}}.chd-shell{max-width:1280px;padding:0 max(14px, env(safe-area-inset-left)) 48px max(14px, env(safe-area-inset-right));z-index:2;min-width:0;margin:-72px auto 0;position:relative;overflow-x:clip}@media (min-width:640px){.chd-shell{margin-top:-88px;padding-bottom:64px;padding-left:24px;padding-right:24px}}.chd-hero{border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(ellipse 60% 80% at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), linear-gradient(160deg, var(--surface-gradient-top) 0%, var(--bg-2) 100%);box-shadow:var(--shadow-md), var(--card-inset);flex-wrap:wrap;align-items:flex-end;gap:14px 20px;margin-bottom:14px;padding:18px 20px;display:flex}.chd-hero__identity{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.chd-hero__icon{border-radius:var(--radius-md);border:2px solid color-mix(in srgb, var(--accent) 35%, var(--border));width:64px;height:64px;box-shadow:0 8px 24px -10px color-mix(in srgb, var(--bg) 75%, transparent), 0 0 0 1px color-mix(in srgb, var(--text-strong) 8%, transparent);object-fit:cover;background:var(--bg-2);flex-shrink:0}.chd-hero__text{min-width:0}.chd-hero__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin:0 0 4px;font-size:10px;font-weight:800}.chd-hero__title{letter-spacing:-.03em;color:var(--text-strong);text-shadow:0 1px 8px color-mix(in srgb, var(--bg) 45%, transparent);margin:0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;line-height:1.15}.chd-hero--loading{min-height:88px}.chd-toolbar.page-filters{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);gap:8px;margin-bottom:14px;padding:10px 12px}@media (max-width:900px){.chd-toolbar.page-filters{grid-template-columns:1fr;gap:8px;display:grid}.chd-toolbar.page-filters .filter-select-wrap{width:100%;max-width:none}.chd-toolbar.page-filters .filter-select{width:100%;min-height:44px}}.chd-score{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--text-strong) 2%, transparent), transparent), var(--surface);box-shadow:var(--shadow-sm), var(--card-inset);margin-bottom:14px;padding:14px 16px}.chd-score__meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chd-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-2);color:var(--text-secondary);letter-spacing:.02em;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.chd-chip--accent{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-muted)}.chd-score__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.chd-stat{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-hover) 55%, var(--bg-2)), var(--bg-2));min-width:0;box-shadow:var(--card-inset);flex-direction:column;gap:6px;padding:12px 12px 14px;display:flex}.chd-stat__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:800}.chd-stat__value{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:800;line-height:1.15}.chd-stat--kda .chd-stat__value{font-size:1rem}.chd-note{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.45}.chd-layout{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}@media (min-width:1000px){.chd-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:14px}}.chd-main,.chd-side{flex-direction:column;gap:12px;min-width:0;display:flex}.chd-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-gradient-top) 0%, var(--surface) 90px), var(--surface);box-shadow:var(--shadow-sm), var(--card-inset);overflow:hidden}.chd-panel__head{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--text-strong) 2.5%, transparent), transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding:12px 14px 10px;display:flex}.chd-panel__title{letter-spacing:-.015em;color:var(--text-strong);margin:0;font-size:14px;font-weight:800}.chd-panel__sub{color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.chd-panel__body{min-width:0;padding:12px 14px 14px}.chd-panel--side .chd-panel__body{padding:10px 12px 12px}.chd-empty{color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border);background:var(--bg-2);margin:0;padding:14px 12px;font-size:13px;line-height:1.5}.chd-empty strong{color:var(--text-secondary);font-weight:700}.chd-panel .champion-detail-section{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.chd-panel .champion-detail-section-title,.chd-panel .champion-detail-section-heading{display:none}.chd-panel .champion-abilities,.chd-panel .champion-matchups-grid,.chd-panel .champion-matchups-empty{margin:0}.chd-panel .champion-ability-tile{min-width:44px;min-height:44px}.chd-body{min-width:0}@media (max-width:900px){.chd-splash{height:168px}.chd-shell{margin-top:-56px;padding-bottom:40px}.chd-hero{margin-bottom:12px;padding:12px 14px}.chd-hero__icon{width:52px;height:52px}.chd-score__grid{gap:8px}.chd-stat{padding:10px 10px 12px}.chd-panel__head{padding:10px 12px 8px}.chd-panel__body{padding:10px 12px 12px}}@media (max-width:480px){.chd-score__grid{grid-template-columns:1fr}}.champion-detail-section{margin-bottom: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{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);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{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);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)}