.showcase{--showcase-accent: #f15b69;--brand-red: #ed4656;--brand-gold: #d6b477;--showcase-bg: #1d2129;--showcase-surface: #262b35;--showcase-text-muted: #b2b9c6;background:var(--showcase-bg);color:#f5f3ef;min-height:100vh;font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);font-size:15px;line-height:1.65;overflow:hidden}.showcase *{box-sizing:border-box}.showcase a{text-decoration:none;color:inherit}.showcase button,.showcase select{font:inherit}.showcase button{cursor:pointer}.showcase :focus-visible{outline:2px solid var(--showcase-accent);outline-offset:5px}.showcase p{color:var(--showcase-text-muted);margin:0}.showcase h1,.showcase h2,.showcase h3{font-weight:600;letter-spacing:-.045em;line-height:1.14;margin:0;color:#f4f2ef}.showcase h2{font-size:clamp(34px,3.5vw,50px);white-space:pre-line}.showcase h3{font-size:23px;letter-spacing:-.03em}.showcase svg{flex-shrink:0}.showcase-header{position:relative;z-index:20;max-width:1440px;margin:auto;height:88px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e;gap:32px}.showcase-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.showcase-brand svg{width:34px;height:34px}.showcase-brand-dot{color:var(--showcase-accent)}.showcase-header nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:34px}.showcase-header nav a{font-size:13px;color:#c0c6d0;transition:color .2s}.showcase-header nav a:hover{color:#fff}.showcase-header-actions{display:flex;align-items:center;gap:20px}.showcase-button{display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:6px;border:1px solid transparent;font-weight:650;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}.showcase-button.primary{background:var(--showcase-accent);color:#101114;box-shadow:0 5px 35px color-mix(in srgb,var(--showcase-accent) 14%,transparent)}.showcase-button:hover{transform:translateY(-2px)}.showcase-button.primary:hover{box-shadow:0 8px 35px color-mix(in srgb,var(--showcase-accent) 25%,transparent)}.showcase-button.small{min-height:39px;padding:9px 15px;gap:18px;font-size:12px}.showcase-button.outline{border-color:#fff2;background:#ffffff03}.showcase-text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px}.showcase-text-link:hover{color:var(--showcase-accent)}.showcase-menu{display:none;border:0;background:none;color:inherit}.showcase p.showcase-eyebrow{color:#a5a7ae;font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.6;margin-bottom:24px;display:flex;gap:10px;align-items:center}.showcase-eyebrow>span{width:6px;height:6px;background:var(--showcase-accent)}.showcase-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1236px;margin:0 auto;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}.showcase-feature-strip>a{display:flex;align-items:center;gap:18px;padding:27px 24px;border-right:1px solid #ffffff10;transition:background .2s}.showcase-feature-strip>a:last-child{border-right:0}.showcase-feature-strip>a:hover{background:#ffffff04}.showcase-feature-strip>a>svg:first-child{color:var(--showcase-accent)}.showcase-feature-strip>a>svg:last-child{margin-left:auto;color:#555d69}.showcase-feature-strip strong{display:block;font-size:13px;font-weight:600;color:#d7d9df}.showcase-feature-strip span{display:block;font-size:10px;color:#adb5c2;margin-top:4px}.showcase-account-preview{min-width:0}.showcase-account-preview .showcase-shot{border:1px solid #ffffff24;border-radius:9px;box-shadow:0 20px 60px #0006}.showcase-shot{display:block;width:100%;padding:0;border:0;background:#101214;border-radius:6px;overflow:hidden;position:relative;text-align:left;line-height:0}.showcase-shot img{width:100%;height:auto;display:block}.showcase-expand{position:absolute;right:15px;bottom:15px;width:34px;height:34px;display:grid;place-items:center;background:#101214c9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff33;border-radius:6px;color:#fff;opacity:0;transition:opacity .2s}.showcase-shot:hover .showcase-expand,.showcase-shot:focus-visible .showcase-expand{opacity:1}.showcase p.showcase-proof-note{font-size:10px;color:#a5aebb;line-height:1.7;margin:18px auto 0;max-width:850px}.showcase-section{max-width:1200px;margin:auto;padding:105px 40px;scroll-margin-top:30px}.showcase-section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:42px}.showcase-section-heading>p{max-width:360px;font-size:14px;line-height:1.9;padding-bottom:5px}.showcase-tabs{display:flex;border-bottom:1px solid #ffffff1a;gap:38px;margin-bottom:29px}.showcase-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9d9fa8;padding:16px 0 19px;display:flex;align-items:center;gap:11px;font-size:13px}.showcase-tabs button>span{font-size:9px;color:#9da6b5;font-variant-numeric:tabular-nums}.showcase-tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--showcase-accent)}.showcase-tabs button[aria-selected=true]>span{color:var(--showcase-accent)}.showcase-tab-copy{display:flex;gap:60px;justify-content:space-between;align-items:center;margin:0 0 30px;min-height:65px}.showcase-tab-copy p{max-width:510px;font-size:13px}.showcase-tab-copy h3{max-width:380px}.showcase-tab-panel .showcase-shot{border:1px solid #ffffff20;box-shadow:0 20px 60px #0005;border-radius:10px}.showcase-overlay{max-width:1320px;display:grid;grid-template-columns:.8fr 1.35fr;gap:68px;align-items:center;border-top:1px solid #ffffff0e;padding-top:85px;padding-bottom:90px}.showcase-overlay-copy>p:not(.showcase-eyebrow){margin-top:24px;max-width:360px;font-size:14px;line-height:1.85}.showcase-overlay ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px;color:#c5c6cb;font-size:12px}.showcase-overlay li{display:flex;gap:12px;align-items:center}.showcase-overlay li svg{color:var(--showcase-accent)}.showcase-shortcut{display:inline-flex;gap:10px;align-items:center;padding:8px 13px;border:1px solid #ffffff18;background:#ffffff03;border-radius:6px;color:#b2bac7;font-size:11px}.showcase-overlay .showcase-shot{border:1px solid #ffffff23;border-radius:12px}.showcase-personal{display:grid;grid-template-columns:.9fr 1.15fr;gap:65px;align-items:center;padding-top:70px;padding-bottom:110px}.showcase-personal h2{max-width:460px}.showcase-personal p:not(.showcase-eyebrow){margin-top:24px;font-size:14px;max-width:460px}.showcase-palette{display:flex;gap:12px;margin:26px 0 12px}.showcase-palette button{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:3px solid var(--showcase-bg);box-shadow:0 0 0 1px transparent;background:var(--swatch);color:#101214}.showcase-palette button[aria-pressed=true]{box-shadow:0 0 0 1px var(--swatch)}.showcase-personal small{font-size:10px;color:#a5aebb}.showcase-project{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;display:grid;grid-template-columns:1.2fr .8fr;gap:110px;background:radial-gradient(ellipse at 90% 100%,#d6b47705,transparent 70%)}.showcase-project p:not(.showcase-eyebrow){margin:27px 0;font-size:14px;line-height:1.95;max-width:490px}.showcase-project small{display:block;color:#a5aebb;font-size:11px;margin-top:16px;max-width:350px}.showcase-project aside{align-self:center}.showcase-project-mark>svg{width:62px;height:62px;margin-bottom:35px}.showcase-project aside h3{font-size:17px}.showcase-project ol{list-style:none;display:grid;gap:0;margin:20px 0 0;padding:0}.showcase-project li{display:flex;gap:16px;align-items:center;font-size:12px;color:#b8bfca;padding:15px 0;border-bottom:1px solid #ffffff09}.showcase-project li>span{font-size:9px;color:#a5aebb;width:23px;height:23px;display:grid;place-items:center;border:1px solid #ffffff1c;border-radius:50%}.showcase-project li:first-child>span{color:#8bc0a5;border-color:#8bc0a54a}.showcase-faq{display:grid;grid-template-columns:.9fr 1.2fr;gap:90px}.showcase-faq h2{max-width:350px}.showcase-faq>div>p:last-child{margin-top:22px;font-size:14px}.showcase-faq details{border-bottom:1px solid #ffffff14}.showcase-faq summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;font-weight:550;padding:22px 0;gap:20px;cursor:pointer}.showcase-faq summary::-webkit-details-marker{display:none}.showcase-faq summary svg{color:#8d929d;transition:transform .2s}.showcase-faq details[open] summary svg{transform:rotate(180deg);color:var(--showcase-accent)}.showcase-faq details p{font-size:13px;line-height:1.85;padding:0 18px 23px 0}.showcase-footer{max-width:1320px;margin:auto;padding:48px 42px 25px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;gap:35px}.showcase-footer .showcase-brand{font-size:21px}.showcase-footer .showcase-brand svg{width:27px;height:27px}.showcase-footer p{font-size:12px;margin-top:10px}.showcase-footer nav{display:flex;justify-content:flex-end;align-items:flex-start;gap:20px;flex-wrap:wrap;font-size:11px;color:#a3a6b0}.showcase-footer nav a:hover{color:var(--showcase-accent)}.showcase-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff0b;padding-top:24px;grid-column:1/-1;color:#a5aebb;font-size:10px}.showcase-footer-bottom p{font-size:10px;margin:0;max-width:610px;text-align:right;color:#a5aebb}.showcase-legal{max-width:970px;min-height:70vh}.showcase-legal>.showcase-eyebrow{margin:40px 0 16px}.showcase-legal h1{font-size:48px;margin-bottom:20px}.showcase .legal-content{margin-top:40px;padding:0;border:0;background:none;box-shadow:none}.showcase .legal-content h2{font-size:23px;margin-top:35px;margin-bottom:15px}.showcase .legal-content p{line-height:1.9;margin-bottom:20px}.showcase .legal-links{display:flex;gap:20px;flex-wrap:wrap;padding-top:20px}.showcase .legal-content a{color:var(--showcase-accent)}.showcase-lightbox-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#020305e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-lightbox{position:fixed;z-index:10001;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:max(76px,calc(env(safe-area-inset-top) + 60px)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;outline:none}.showcase-lightbox>img{display:block;box-sizing:border-box;min-width:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;border:1px solid #ffffff25}.showcase-lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));box-sizing:border-box;padding:0;line-height:0;background:#303641;color:#f5f7fb;border:1px solid #ffffff29;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #0003;transition:background .18s ease,border-color .18s ease}.showcase-lightbox-close svg{display:block;flex-shrink:0}.showcase-lightbox-close:hover{background:#444c5a;border-color:#ffffff50}.showcase-lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:4px}.showcase-sr,.showcase-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase-skip:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;z-index:100;background:#222;padding:10px}.showcase [id]{scroll-margin-top:35px}@media(max-width:1100px){.showcase-header{padding:0 28px;gap:15px;height:82px}.showcase-header nav{gap:22px;margin-right:12px}.showcase-header-actions{gap:12px}.showcase-button{font-size:12px;gap:18px;padding:12px 17px}.showcase-text-link{font-size:12px}.showcase-feature-strip{margin:0 28px}.showcase-feature-strip>a{gap:13px;padding:24px 16px}.showcase-feature-strip span{font-size:9px}.showcase-section{padding:80px 32px}.showcase-section-heading{gap:36px}.showcase-overlay{gap:38px}.showcase-personal{gap:40px}.showcase-project,.showcase-faq{gap:50px}}@media(max-width:800px){.showcase-header{height:76px;padding:0 22px}.showcase-brand{font-size:21px}.showcase-brand svg{width:30px;height:30px}.showcase-header nav{display:none}.showcase-menu{display:grid;place-items:center;padding:0}.showcase-header-actions>.showcase-button{display:none}.showcase p.showcase-eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.showcase-feature-strip{grid-template-columns:1fr;margin:0 23px}.showcase-feature-strip>a{border-right:0;border-bottom:1px solid #ffffff10;padding:19px 0;gap:18px}.showcase-feature-strip>a:last-child{border-bottom:0}.showcase-feature-strip strong{font-size:13px}.showcase-feature-strip span{font-size:11px}.showcase-section{padding:60px 23px}.showcase-section-heading{display:block;margin-bottom:26px}.showcase h2{font-size:32px}.showcase-section-heading>p{margin-top:20px;max-width:none;font-size:13px}.showcase-tabs{gap:23px;margin-bottom:24px}.showcase-tabs button{font-size:11px;gap:7px;padding-bottom:14px;white-space:nowrap}.showcase-tabs button>span{display:none}.showcase-tab-copy{display:block;margin-bottom:24px;min-height:130px}.showcase-tab-copy h3{font-size:21px}.showcase-tab-copy p{font-size:12px;margin-top:15px}.showcase-expand{opacity:1;right:8px;bottom:8px;width:26px;height:26px}.showcase-expand svg{width:13px}.showcase-overlay,.showcase-personal{display:flex;flex-direction:column;gap:30px;align-items:stretch}.showcase-overlay-copy>p:not(.showcase-eyebrow){max-width:none;font-size:13px}.showcase-overlay ul{font-size:11px}.showcase-personal p:not(.showcase-eyebrow){font-size:13px}.showcase-project{grid-template-columns:1fr;gap:40px}.showcase-project p:not(.showcase-eyebrow){font-size:13px}.showcase-project-mark>svg{width:40px;height:40px;margin-bottom:20px}.showcase-faq{grid-template-columns:1fr;gap:25px}.showcase-faq h2{max-width:none}.showcase-footer{grid-template-columns:1fr;padding:34px 23px 25px;gap:28px}.showcase-footer nav{justify-content:flex-start;gap:19px;font-size:10px}.showcase-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.showcase-footer-bottom p{text-align:left;font-size:9px}.showcase-legal h1{font-size:36px}.showcase .legal-content{font-size:13px}.showcase .legal-content h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.showcase *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.showcase.is-home{background-image:radial-gradient(ellipse 75% 630px at 0% 140px,#bc614236,transparent 85%),radial-gradient(ellipse 65% 680px at 95% 150px,#7d557a30,transparent 85%),linear-gradient(180deg,#392b32 0,#302d37 400px,#1d212900 870px)}.is-home .showcase-header{border-bottom-color:#ffd6c51c}.is-home .showcase-header:before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:linear-gradient(100deg,#e8957012,#f15b6909 65%,transparent);pointer-events:none}.is-home .showcase-header .outline{border-radius:30px}.showcase-intro-hero{position:relative;isolation:isolate;max-width:1536px;margin:auto;display:grid;grid-template-columns:minmax(360px,.83fr) minmax(0,1.25fr);align-items:center;gap:54px;min-height:690px;padding:86px 44px 100px}.showcase-intro-hero:before{content:"";position:absolute;z-index:-1;inset:-88px calc((100% - 100vw)/2) 0;min-width:100%;pointer-events:none;background-image:linear-gradient(#ffd6bb09 1px,transparent 1px),linear-gradient(90deg,#ffd6bb09 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(#0009,#0008 62%,transparent);mask-image:linear-gradient(#0009,#0008 62%,transparent)}.showcase-intro-copy .showcase-eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:26px}.showcase-intro-copy h1{font-size:clamp(46px,4.9vw,76px);font-weight:800;line-height:1.065;letter-spacing:-.055em}.showcase-intro-copy h1>span{display:block;background:linear-gradient(105deg,var(--showcase-accent),#ffb095);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.12em}.showcase .showcase-intro-lead{max-width:420px;margin-top:21px;font-size:16px;line-height:1.85;color:#c0c5cf}.showcase-intro-benefits{display:grid;gap:10px;list-style:none;margin:23px 0 30px;padding:0;font-size:13px;color:#d8dce3}.showcase-intro-benefits li{display:flex;gap:10px;align-items:center}.showcase-intro-benefits svg{color:var(--showcase-accent)}.showcase-intro-actions{display:flex;gap:12px;flex-wrap:wrap}.showcase-intro-actions .showcase-button{border-radius:40px;gap:19px;min-height:52px;padding-inline:23px;font-size:12px}.showcase .showcase-intro-availability{display:flex;gap:8px;align-items:center;font-size:10px;margin-top:18px;color:#a4adbc}.showcase-tour{min-width:0;position:relative;--tour-progress: 0;padding-top:8px}.showcase-tour:before{content:"";position:absolute;top:12%;right:-8%;bottom:6%;left:-8%;border-radius:50%;background:radial-gradient(ellipse,#ef9a7838,#ac73931a 46%,transparent 72%);filter:blur(35px);pointer-events:none}.showcase-tour-stage{display:block;position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid #f1c6c642;border-radius:12px;background:#101216;padding:0;box-shadow:0 25px 60px #060a143d,0 0 0 5px #ffffff03;overflow:hidden}.showcase-tour-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1);pointer-events:none}.showcase-tour-scene.is-active{opacity:1}.showcase-tour-scene img{display:block;width:100%;height:100%;object-fit:contain}.showcase-tour-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#fff;background:#121319d9;opacity:0;transition:opacity .2s}.showcase-tour-stage:hover .showcase-tour-expand,.showcase-tour-stage:focus-visible .showcase-tour-expand{opacity:1}.showcase-tour-cursor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;text-align:left;transform:translate(var(--cursor-x, 69%),var(--cursor-y, 67%));opacity:var(--cursor-opacity, 0)}.showcase-tour-cursor svg{display:block;width:clamp(14px,1.6vw,22px);height:auto;transform-origin:1px 1px;transform:translate(-1px,-1px) scale(var(--cursor-scale, 1));filter:drop-shadow(0 2px 5px #000b)}.showcase-tour-click{position:absolute;left:94.21875%;top:37.777778%;width:5%;aspect-ratio:1;border:1.5px solid #fff;border-radius:50%;background:#ffffff19;transform:translate(-50%,-50%) scale(var(--pulse-scale, .55));opacity:var(--pulse-opacity, 0);pointer-events:none}.showcase-tour-controls{position:relative;display:flex;align-items:center;gap:16px;margin:28px 3px 0}.showcase-tour-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:14px}.showcase-tour-steps button{color:#acb4c2;background:none;border:0;text-align:left;padding:12px 0;min-height:44px;font-size:11px;white-space:nowrap;transition:color .2s}.showcase-tour-steps button>span{color:#9aa5b6;margin-right:6px;font-size:9px;font-variant-numeric:tabular-nums}.showcase-tour-steps button[aria-pressed=true],.showcase-tour-steps button:hover{color:#eee8e8}.showcase-tour-steps button[aria-pressed=true]>span{color:var(--showcase-accent)}.showcase-tour-steps i{display:block;overflow:hidden;margin-top:11px;height:2px;background:#ffffff0d}.showcase-tour-steps b{display:block;height:100%;background:var(--showcase-accent);transform-origin:left;transform:scaleX(0)}.showcase-tour-steps button[aria-pressed=true] b{transform:scaleX(max(.025,var(--tour-progress)))}.showcase-tour-play{width:40px;height:40px;padding:0;flex-shrink:0;display:grid;place-items:center;color:#c7bdc1;background:#ffffff04;border:1px solid #ffffff14;border-radius:50%}.showcase-tour-play:hover{color:#fff;border-color:#ffffff40}.showcase .showcase-tour-caption{position:relative;text-align:center;font-size:11px;margin-top:16px;color:#aeb6c4}@media(min-width:1537px){.showcase-intro-hero{min-height:750px;gap:70px}}@media(max-width:1100px){.showcase-intro-hero{padding:64px 32px 76px;gap:32px;grid-template-columns:minmax(310px,.85fr) minmax(0,1fr);min-height:610px}.showcase-intro-copy h1{font-size:51px}.showcase-tour-steps{gap:8px}.showcase-tour-steps button{font-size:9px}.showcase-tour-steps button>span{display:none}.showcase-intro-actions .showcase-button{padding-inline:19px;gap:12px}}@media(max-width:960px){.showcase-intro-hero{grid-template-columns:1fr;gap:42px;padding:50px 24px 54px}.showcase-intro-copy{max-width:520px;margin:auto;width:100%}.showcase-intro-copy h1{font-size:clamp(48px,8.5vw,66px)}.showcase-intro-copy .showcase-eyebrow{font-size:9px;margin-bottom:22px}.showcase .showcase-intro-lead{font-size:15px}.showcase-tour{max-width:640px;width:100%;margin:auto}.showcase-tour-steps button{font-size:10px}.showcase-tour-controls{margin-top:21px;gap:12px}.showcase-tour-play{width:44px;height:44px}.showcase-tour-expand{opacity:1}}@media(max-width:480px){.showcase-tour-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.showcase-tour-steps button{font-size:11px}.showcase-tour-steps button>span{display:inline}.showcase-tour-controls{gap:16px}}@media(max-width:400px){.showcase-intro-hero{padding-inline:20px}.showcase-intro-copy h1{font-size:46px}.showcase-intro-actions .showcase-button{padding-inline:18px;font-size:11px}}@media(prefers-reduced-motion:reduce){.showcase-tour-scene{transition:none;transform:none}.showcase-tour-cursor,.showcase-tour-click{display:none}}.showcase-header{border-bottom-color:#ffffff12}.showcase-button.outline{background:#ffffff05;border-color:#ffffff29}.showcase-button.outline:hover{background:#ffffff0b}.showcase-overlay,.showcase-project{position:relative;isolation:isolate}.showcase-overlay:before,.showcase-project:before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:#252a338c;pointer-events:none}.showcase-footer{background:#ffffff02}.showcase-language,.showcase-language-menu{font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);font-size:12px;color:#e6e9ef}.showcase-language{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff17;border-radius:9px;padding:8px 10px;background:#ffffff04;cursor:pointer;height:38px}.showcase-language>span:last-child{display:flex;color:#b0b9c8}.showcase-language:hover,.showcase-language[data-state=open]{background:#ffffff0b;border-color:#ffffff35}.showcase-language img,.showcase-language-option img{width:20px;height:14px;object-fit:cover;border-radius:2px}.showcase-language-menu{z-index:10020;background:#2b303b;border:1px solid #ffffff25;border-radius:10px;padding:5px;min-width:158px;box-shadow:0 12px 32px #080d164d}.showcase-language-option{position:relative;display:flex;align-items:center;gap:10px;padding:10px 32px 10px 10px;border-radius:6px;cursor:pointer;outline:none}.showcase-language-check{position:absolute;right:10px;display:flex}.showcase-language-option[data-highlighted]{background:#ffffff0e}.showcase-language-option[data-state=checked]{color:#fff;background:#ffffff09}.showcase .showcase-download-cta{border-radius:10px;gap:10px}.showcase-intro-actions{align-items:stretch}.showcase .showcase-install-button{gap:15px;padding:12px 20px;min-height:60px;border-radius:13px;font-size:13px}.showcase-install-button>span{display:flex;flex-direction:column;gap:3px;text-align:left;line-height:1.5}.showcase-install-button small{font-size:9px;font-weight:500;opacity:.75}.showcase-intro-actions>.outline{border-radius:13px}.showcase-download-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#090d16b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-download-dialog{--showcase-accent: #f15b69;position:fixed;z-index:10001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(145deg,#303744,#252a34 75%);color:#f5f7fb;border:1px solid #ffffff25;border-radius:20px;padding:32px;box-shadow:0 32px 100px #050a1666;font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);outline:none}.showcase-download-dialog *{box-sizing:border-box}.showcase-download-dialog h2{margin:15px 0 10px;font-size:26px;letter-spacing:-.04em;line-height:1.3}.showcase-download-dialog p{color:#b9c1ce;font-size:13px;line-height:1.8;margin:0}.showcase-download-brand>svg{height:45px;width:45px}.showcase-download-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:32px;height:32px;background:#ffffff07;border:1px solid #ffffff12;border-radius:50%;color:#c4ccd9;cursor:pointer;padding:0;line-height:0}.showcase-download-platform{display:flex;align-items:center;gap:16px;padding:20px;margin:26px 0 22px;background:#ffffff05;border:1px solid #ffffff15;border-radius:12px}.showcase-download-platform>svg{color:#dce5f5;flex-shrink:0}.showcase-download-platform strong,.showcase-download-platform div span{display:block}.showcase-download-platform strong{font-size:15px;font-weight:650}.showcase-download-platform div span{color:#aeb9c9;margin-top:3px;font-size:11px}.showcase-download-format{font-size:11px;color:#aeb9c9;margin-left:auto}.showcase-download-status{min-height:70px}.showcase-download-status .showcase-download-coming{color:#f4f6fa;font-size:15px;font-weight:650;margin-bottom:6px}.showcase-download-status .showcase-button{font-family:inherit;width:100%;border-radius:10px;margin-top:20px;text-decoration:none;color:inherit;cursor:pointer}.showcase-download-status .primary{color:#16191f}.showcase-download-status small{display:block;color:#aeb9c9;font-size:11px;text-align:center;margin-top:12px}.showcase-download-dialog :focus-visible{outline:2px solid #f15b69;outline-offset:4px}@media(max-width:1100px){.showcase-header nav{gap:20px;margin-right:4px}.showcase-header-actions{gap:12px}.showcase .showcase-install-button{padding-inline:15px;font-size:12px;gap:12px}}@media(max-width:800px){.showcase-header nav{display:none}.showcase-header .showcase-menu{display:grid;width:44px;height:44px;padding:0;border:1px solid #ffffff1a;border-radius:12px;background:#ffffff05;transition:background .18s ease,border-color .18s ease}.showcase-menu:hover,.showcase-menu[data-state=open]{background:#ffffff0e;border-color:#ffffff35}.showcase-language{height:44px}.showcase-header-actions>.showcase-download-cta{display:none}}.showcase-mobile-menu{z-index:10010;box-sizing:border-box;width:min(380px,calc(100vw - 24px));max-height:min(var(--radix-popover-content-available-height),calc(100dvh - 96px));overflow-y:auto;overscroll-behavior:contain;border:1px solid #ffffff21;border-radius:18px;padding:18px 12px 12px;background:radial-gradient(ellipse at 0 0,#b16f591b,transparent 70%),#292d37;box-shadow:0 20px 60px #090d1970,0 2px 8px #090d1930;color:#f5f3ef;font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);transform-origin:var(--radix-popover-content-transform-origin);outline:none}.showcase-mobile-menu *{box-sizing:border-box}.showcase-mobile-menu svg{flex-shrink:0}.showcase-mobile-menu-label{margin:0 12px 12px;color:#aeb5c3;font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.showcase-mobile-menu nav{display:grid;gap:4px}.showcase-mobile-menu nav a{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 10px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:inherit;transition:background .16s ease,border-color .16s ease}.showcase-mobile-menu nav a:hover,.showcase-mobile-menu nav a:focus-visible{background:#ffffff07}.showcase-mobile-menu nav a[aria-current]{background:color-mix(in srgb,var(--showcase-accent) 9%,transparent);border-color:color-mix(in srgb,var(--showcase-accent) 18%,transparent)}.showcase-mobile-menu-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff0d;border-radius:10px;background:#ffffff04;color:var(--showcase-accent)}.showcase-mobile-menu nav a>span:nth-child(2){min-width:0}.showcase-mobile-menu strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.showcase-mobile-menu small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#abb4c3}.showcase-mobile-menu nav a>svg{margin-left:auto;color:#828c9f}.showcase-mobile-menu-footer{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}.showcase-mobile-install{width:100%;min-height:60px;display:flex;align-items:center;gap:13px;padding:12px 16px;border:0;border-radius:11px;background:var(--showcase-accent);color:#131820;font:650 13px/1.5 var(--font-sans, "Plus Jakarta Sans", sans-serif);text-align:left;cursor:pointer;transition:filter .16s ease}.showcase-mobile-install:hover{filter:brightness(1.08)}.showcase-mobile-install>svg:last-child{margin-left:auto}.showcase-mobile-install small{color:#131820b3;font-size:9px;font-weight:500}.showcase-mobile-menu :focus-visible{outline:2px solid var(--showcase-accent);outline-offset:2px}.showcase-mobile-install:focus-visible{outline-color:#fff}@keyframes showcase-menu-in{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.showcase-mobile-menu[data-state=open]{animation:showcase-menu-in .2s cubic-bezier(.22,1,.36,1) both}.showcase-mobile-menu[data-state=closed]{animation:showcase-menu-in .14s ease reverse both}@media(max-width:380px){.showcase-header{padding-inline:16px;gap:8px}.showcase-header .showcase-brand{font-size:19px;gap:8px}.showcase-header .showcase-brand svg{width:28px;height:28px}.showcase-header-actions{gap:8px}.showcase-language{padding-inline:8px;gap:6px}.showcase-mobile-menu nav a{padding-inline:8px;gap:10px}}@media(prefers-reduced-motion:reduce){.showcase-mobile-menu,.showcase-mobile-menu *{animation:none!important;transition:none!important}}@media(max-width:450px){.showcase-intro-actions{flex-direction:column;align-items:stretch;gap:10px}.showcase .showcase-install-button{justify-content:flex-start;padding:13px 22px;font-size:14px}.showcase-install-button>svg:last-child{margin-left:auto}.showcase-intro-actions>.outline{min-height:45px;font-size:12px}.showcase-download-dialog{padding:27px 22px}}html:has(.showcase){scroll-behavior:smooth}@keyframes showcase-arrive{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes showcase-fade{0%{opacity:0}to{opacity:1}}.showcase-intro-copy>*{animation:showcase-arrive .85s cubic-bezier(.22,1,.36,1) both}.showcase-intro-copy>:nth-child(2){animation-delay:70ms}.showcase-intro-copy>:nth-child(3){animation-delay:.14s}.showcase-intro-copy>:nth-child(4){animation-delay:.21s}.showcase-intro-copy>:nth-child(5){animation-delay:.28s}.showcase-intro-copy>:nth-child(6){animation-delay:.34s}.showcase-tour{animation:showcase-arrive 1.1s .18s cubic-bezier(.22,1,.36,1) both}.showcase [data-reveal]{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.showcase [data-reveal=pending]{opacity:0;transform:translate3d(0,24px,0)}.showcase [data-reveal=visible]{opacity:1;transform:translateZ(0)}.showcase-feature-strip>:nth-child(2){transition-delay:65ms}.showcase-feature-strip>:nth-child(3){transition-delay:.13s}.showcase-overlay>:nth-child(2),.showcase-personal>:nth-child(2),.showcase-project>:nth-child(2){transition-delay:90ms}.showcase-tab-panel>.showcase-shot>img{animation:showcase-fade .45s ease both}.showcase-lightbox-shade[data-state=open]{animation:showcase-fade .22s ease both}.showcase-lightbox-shade[data-state=closed]{animation:showcase-fade .16s ease reverse both}.showcase-lightbox[data-state=open]{animation:showcase-arrive .32s cubic-bezier(.22,1,.36,1) both}.showcase-lightbox[data-state=closed]{animation:showcase-fade .16s ease reverse both}@media(prefers-reduced-motion:reduce){html:has(.showcase){scroll-behavior:auto}.showcase [data-reveal]{opacity:1;transform:none}.showcase-lightbox,.showcase-lightbox-shade,.showcase-lightbox-close{animation:none!important;transition:none!important}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/reference/95011cd86e0b47ac.woff2) format("woff2")}:root{font-family:Plus Jakarta Sans,sans-serif;color-scheme:dark;--brand-gold: #d6b477;--brand-red: #dc394a;--brand-red-dark: #941e2e;--bg: #101113;--header: #0b0c0e;--surface: #1a1c1f;--surface2: #25272b;--border: rgba(255, 255, 255, .1);--text: #f0f0f2;--muted: #a3a5aa;--primary: #ed4656;--accent: #f1d6a3;--gold: #f0cb7a;--cyan: #a1e4f9;--red: #f07880;--green: #a2d296;--stat-positive: #a9d695;--stat-negative: #ed6370;--stat-neutral: #9ba5b4;--stat-score-excellent: #f0d47f;--stat-score-high: #c6a7ef;--stat-score-mid: #88d0dd;--stat-score-low: #e7a66a;--victory: #d6b477;--defeat: #e25c68;--brand-aura: radial-gradient(ellipse at 50% 35%, #25272b80, transparent 70%);--radius: 5px;--shadow: 0 8px 32px #0004;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(4deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.5;min-width:320px;overflow-x:clip}.riot-account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0}.riot-account>svg{color:var(--gold)}.riot-account p{flex-basis:100%;color:var(--muted);margin:0 0 8px}.data-coverage{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:10px 0;color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:10px;background:var(--surface)}.data-coverage>svg{color:var(--gold)}body:before{content:"";position:fixed;top:70px;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--brand-aura)}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,a{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}img{object-fit:cover;vertical-align:middle;max-width:100%}svg{flex-shrink:0;vertical-align:middle}input{min-width:0}input,select{color:var(--text)}input:focus,select:focus{outline:none}input::placeholder{color:#777a82}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{font-size:24px;line-height:1.35;letter-spacing:-.8px;font-weight:700}h2{font-size:18px;line-height:1.4;letter-spacing:-.35px}h3{font-size:13px;font-weight:650}h4{font-size:11px}strong,b{font-weight:700}small{font-size:11px;line-height:1.35}em{font-style:normal}table{border-collapse:collapse;width:100%}th{font-weight:600;font-size:10px;color:var(--muted)}kbd{font:10px inherit;border:1px solid var(--border);border-radius:4px;background:#ffffff06;color:var(--muted);padding:1px 4px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.gold-text{color:var(--gold)}.lavender-text{color:var(--accent)}.positive{color:var(--primary)}.negative{color:var(--red)}.small-text{font-size:11px}.text-link{color:var(--primary);display:inline-flex;align-items:center;gap:6px}.text-link:hover{text-decoration:underline}.text-button{color:var(--muted);font-size:11px;padding:4px}.text-button:hover{color:var(--text)}.rotate{transform:rotate(180deg)}.spin{animation:spin 1s linear infinite}.page-container{max-width:1024px;width:calc(100% - 32px);margin:12px auto 48px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#1a1d21c7;box-shadow:inset 0 0 0 1px #ffffff02;min-width:0}.panel-heading{display:flex;align-items:center;gap:16px;padding:13px 15px}.panel-heading h2,.panel-heading h3{margin-right:auto;display:flex;align-items:center;gap:5px}.panel-heading h1{font-size:15px;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);background:#ffffff05;padding:9px 14px;border-radius:5px;font-weight:650;white-space:nowrap;line-height:1.2}.button:hover{background:#ffffff0c;border-color:#fff2}.button.small{padding:7px 10px;font-size:11px}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--header)}.button.gold{background:var(--gold);border-color:var(--gold);color:#191914}.button.primary:hover,.button.gold:hover{filter:brightness(1.1)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;color:var(--muted);border-radius:4px}.icon-button:hover{background:#ffffff0a;color:var(--text)}.tag,.region-tag,.pro-tag{display:inline-block;vertical-align:middle;font-size:10px;line-height:1.4;padding:3px 7px;white-space:nowrap;border-radius:4px;font-weight:700;background:#ffffff09;color:#bec0c5}.tag{letter-spacing:0}.region-tag{background:var(--brand-red-dark);color:#fff}.pro-tag{color:var(--gold);background:color-mix(in srgb,var(--gold) 6.27%,transparent);padding:2px 5px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;flex-shrink:0}.status-dot.green{background:#85bc84}.source-note{font-size:10px;color:#888b91;display:flex;align-items:center;gap:7px;line-height:1.6;padding:12px 2px}.source-note .status-dot{width:4px;height:4px}.champion-image{object-fit:cover;border-radius:3px;flex-shrink:0;background:var(--surface)}.profile-image{border-radius:4px;border:1px solid #ffffff12;flex-shrink:0}.item-image{border-radius:3px;border:1px solid #ffffff18;flex-shrink:0}.empty-item{display:inline-block;background:#0d141b;border:1px solid #ffffff10;border-radius:3px;flex-shrink:0}.role-icon{filter:brightness(0) invert(1);opacity:.65;object-fit:contain;flex-shrink:0}.rank-icon{object-fit:contain;flex-shrink:0}.item-line,.champion-line{display:flex;align-items:center;gap:4px}.tier-badge{font-size:18px;display:inline-block;min-width:20px;line-height:1}.tier-Splus{color:var(--gold);text-shadow:0 0 15px color-mix(in srgb,var(--gold) 13.33%,transparent)}.tier-S,.tier-A{color:var(--primary)}.tier-B{color:#a1d0da}.tier-C{color:#a6b5b2}.tier-D,.tier-F{color:#a99ca4}.site-header{height:50px;position:sticky;top:0;z-index:40;display:flex;gap:15px;align-items:center;background:color-mix(in srgb,var(--header) 98.04%,transparent);border-bottom:1px solid #ffffff07;padding:0 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:7px;font-size:17px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand>svg{width:26px;height:26px;stroke-width:2.5;color:var(--primary)}.brand-dot{color:var(--brand-red)}.site-header .brand{margin-right:10px}.desktop-nav{display:flex;gap:20px;align-items:center;height:100%;white-space:nowrap;font-size:11px;font-weight:650}.desktop-nav>a,.nav-entry>a{display:flex;align-items:center;gap:6px;height:100%;color:#b8b9bc;position:relative}.nav-entry{height:100%;position:relative}.nav-entry>a.active,.desktop-nav>a:hover,.nav-entry>a:hover{color:#fff}.nav-entry>a.active:after{content:"";position:absolute;height:3px;border-radius:3px 3px 0 0;background:var(--gold);box-shadow:0 -3px 8px color-mix(in srgb,var(--gold) 18.82%,transparent);bottom:0;left:25%;width:50%}.secondary-start{border-left:1px solid #ffffff0d;padding-left:17px}.nav-dropdown{display:none;position:absolute;top:calc(100% - 3px);left:-12px;min-width:175px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:6px;box-shadow:var(--shadow)}.nav-entry:hover .nav-dropdown,.nav-entry:focus-within .nav-dropdown{display:flex;flex-direction:column;animation:fade-up .15s}.nav-dropdown a{padding:9px 12px;color:var(--muted);border-radius:3px}.nav-dropdown a:hover{color:var(--text);background:#ffffff07}.header-spacer{flex:1}.header-spacer:empty{min-width:0}.site-header .search-trigger{max-width:230px;margin-left:8px;font-size:10px;height:28px;padding:4px 9px}.search-trigger{display:flex;align-items:center;gap:7px;color:#a7a9af;border:1px solid #ffffff0e;border-radius:7px;padding:10px 14px;background:#ffffff05;font-size:12px}.search-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger kbd{margin-left:auto}.search-trigger:hover{background:#ffffff09;border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.demo-label{display:flex;align-items:center;gap:5px;color:#b8b2a0;font-size:9px;white-space:nowrap}.account-wrap{position:relative}.account-button{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 8px;border:1px solid var(--border);border-radius:5px;background:#ffffff04}.account-dropdown{position:absolute;top:35px;right:0;background:var(--surface2);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:6px;min-width:215px;padding:5px}.account-dropdown>*{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:4px;font-size:12px}.account-dropdown>*:hover{background:#ffffff07}.language-button{padding:4px}.mobile-menu-button{display:none}.subnav{display:flex;justify-content:center;align-items:center;gap:30px;background:var(--header);height:49px;border-radius:0 0 30px 30px;box-shadow:0 7px 15px color-mix(in srgb,var(--brand-gold) 5.1%,transparent)}.subnav a{height:100%;display:flex;align-items:center;gap:8px;color:#9b9b9e;position:relative;font-weight:700;font-size:13px}.subnav a.active{color:var(--text)}.subnav a.active:after{position:absolute;content:"";height:3px;width:30px;bottom:2px;left:calc(50% - 15px);background:var(--primary);border-radius:3px 3px 0 0;box-shadow:0 -2px 9px color-mix(in srgb,var(--primary) 18.82%,transparent)}.subnav a:hover{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05060ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s}.modal{position:fixed;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,calc(100% - 28px));max-height:85dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff1c;background:var(--surface);border-radius:12px;box-shadow:0 24px 120px #000a;padding:22px;animation:fade .18s}.modal-title{font-size:17px;padding-right:30px;margin-bottom:16px}.modal-close{position:absolute;right:12px;top:12px}.search-modal{top:17%;transform:translate(-50%);width:min(620px,calc(100% - 24px));padding:0;max-height:70vh}.search-modal .modal-title,.search-modal .modal-close{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.command-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);color:var(--muted)}.command-input input{background:none;border:none;font-size:14px;flex:1;outline:0!important}.search-region{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border)}.search-region .select .select-trigger{padding-top:5px;padding-bottom:5px}.search-results{padding:6px;max-height:52vh;overflow-y:auto}.search-results h4{font-size:10px;text-transform:uppercase;color:#797d88;letter-spacing:1px;padding:9px 10px 5px}.search-results button{display:flex;align-items:center;gap:12px;padding:9px 12px;width:100%;text-align:left;border-radius:6px}.search-results button.active{background:color-mix(in srgb,var(--primary) 6.27%,transparent)}.search-results button>span{display:flex;flex-direction:column;flex:1}.search-results button>span small{color:var(--muted)}.search-results button>svg:last-child{color:#8288a4}.search-hint{padding:30px;text-align:center;color:var(--muted);font-size:12px}.drawer{left:auto;right:0;top:0;transform:none;height:100dvh;max-height:none;width:300px;border-radius:0;padding-top:30px}.drawer>a{display:block;padding:14px 5px;border-bottom:1px solid var(--border);font-size:14px}.champion-picker{width:min(650px,calc(100% - 24px))}.champion-picker .inline-search{width:100%;margin-bottom:20px}.champion-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:13px 8px;max-height:55vh;overflow:auto}.champion-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.champion-grid button:hover{color:var(--text);transform:translateY(-2px)}.champion-grid button:hover img{box-shadow:0 0 0 2px var(--primary)}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:50px;flex-wrap:wrap}.role-filter{display:inline-flex;align-items:center;background:#ffffff02;border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:3px;gap:1px}.role-filter button{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#a0a2a5}.role-filter button:hover{background:#ffffff09}.role-filter button.selected{background:var(--primary);color:var(--header);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 13.33%,transparent)}.role-filter button.selected .role-icon{filter:brightness(.2);opacity:1}.select{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.select .select-trigger{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:#ffffff04;padding:8px 29px 8px 12px;border-radius:5px;font-weight:650;font-size:11px;cursor:pointer;max-width:200px;line-height:1.3}.select option{background:var(--surface);color:var(--text)}.select .select-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.filter-button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:5px;background:#ffffff04;padding:5px 9px;text-transform:uppercase;font-size:11px;font-weight:700;height:33px}.filter-button:hover{background:#ffffff09}.rank-select{position:relative}.rank-menu{position:absolute;top:calc(100% + 6px);left:0;width:300px;background:var(--surface);border:1px solid #ffffff1c;padding:8px;border-radius:7px;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);animation:fade-up .15s}.rank-menu button{display:flex;flex-direction:column;align-items:center;padding:10px 3px;gap:5px;font-size:9px;border-radius:5px;border:1px solid transparent;color:var(--muted)}.rank-menu button.selected{background:color-mix(in srgb,var(--primary) 9.02%,transparent);border-color:color-mix(in srgb,var(--primary) 30.2%,transparent);color:var(--primary)}.rank-menu button:hover{background:#ffffff07}.inline-search{position:relative;display:flex;align-items:center;min-width:120px;margin-left:auto}.inline-search input{width:100%;padding:7px 31px 7px 10px;background:#ffffff03;border:1px solid var(--border);border-radius:5px;line-height:1.3;font-size:11px}.inline-search svg{position:absolute;right:9px;color:#636771}.inline-search input:focus{border-color:color-mix(in srgb,var(--primary) 43.92%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 3.92%,transparent)}.toggle-label{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;color:#8d9096;cursor:pointer}.toggle-label>input{position:absolute;opacity:0;width:1px}.toggle-label>input:focus-visible+.switch{outline:2px solid var(--primary);outline-offset:3px}.switch{width:34px;height:18px;border-radius:20px;background:#3a3d41;position:relative;display:block;transition:background .2s;flex-shrink:0}.switch:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#eee;box-shadow:0 1px 3px #0004;transition:transform .2s}.toggle-label input:checked+.switch{background:var(--brand-gold)}.toggle-label input:checked+.switch:before{transform:translate(16px)}.segmented{display:inline-flex;padding:3px;background:#ffffff03;border:1px solid #ffffff05;border-radius:5px;gap:2px}.segmented button{border-radius:3px;font-size:11px;font-weight:650;color:#90939c;padding:6px 9px;white-space:nowrap}.segmented button.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 4.71%,transparent);box-shadow:0 0 0 1px #ffffff05}.segmented button:hover{color:#fff;background:#ffffff05}.data-table th{height:32px;background:#ffffff03;text-transform:uppercase;text-align:center;padding:7px 12px}.data-table th button{display:inline-flex;align-items:center;gap:6px;font-size:inherit;text-transform:inherit;color:inherit;font-weight:inherit;padding:0;white-space:nowrap}.data-table td{border-top:1px solid #ffffff05;text-align:center;padding:6px 12px;height:44px}.data-table tbody tr:hover{background:#ffffff03}.data-table td small{display:block;color:var(--muted);font-size:10px}.data-table td strong{font-size:14px}.table-scroll{overflow-x:auto;min-width:0}.champ-cell,.champ-cell a{display:flex;align-items:center;gap:12px;text-align:left}.data-table .champ-cell{display:table-cell}.data-table .champ-cell img{width:58px;height:32px;object-position:center 28%;object-fit:cover}.champ-cell a:hover b{color:var(--primary)}.table-scroll{border-radius:0 0 5px 5px}.page-hero{position:relative;display:flex;align-items:center;gap:22px;padding:28px 38px;min-height:148px;margin-bottom:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 72.16%,transparent)}.page-hero>div:first-child{flex:1;position:relative;z-index:1}.page-hero h1 .tag{margin-left:7px;position:relative;top:-2px}.page-hero p{margin-top:11px;font-size:12px;color:#a5a7ae;max-width:620px;line-height:1.5}.hero-art{width:110px;height:110px;object-fit:contain;margin-left:10px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--brand-red) 16.86%,transparent))}.page-hero.center{display:block;text-align:center}.page-hero.center .hero-art{position:absolute;right:10%;bottom:16px;width:140px;height:140px}.page-hero.center p{margin-left:auto;margin-right:auto}.empty-state{text-align:center;padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);min-height:180px}.empty-state p{max-width:540px;font-size:13px}.empty-state h1,.empty-state h2{color:var(--text)}.loading{padding:36px;text-align:center;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-height:260px}.skeleton-rows{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:18px}.skeleton-rows span{height:25px;border-radius:4px;background:linear-gradient(90deg,#ffffff02,#ffffff06,#ffffff02);background-size:200% 100%;animation:shimmer 1.5s infinite}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;color:var(--muted);font-size:12px}.site-footer{max-width:1280px;width:calc(100% - 48px);margin:80px auto 0;border-top:1px solid #ffffff06;padding:38px 0 22px;position:relative}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr;gap:30px;padding:0 35px 45px}.footer-top>.brand{align-self:start}.footer-top nav{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#a1a2a9}.footer-top h4{color:#797c85;font-weight:700;font-size:9px;margin-bottom:8px}.footer-top a:hover{color:var(--primary)}.footer-top .source-note{font-size:9px;max-width:210px}.footer-bottom{display:flex;align-items:center;gap:24px;justify-content:space-between;border-top:1px solid #ffffff06;padding:16px 10px 0;color:#696d75;font-size:9px}.footer-bottom small{font-size:9px;max-width:650px;text-align:center}@media(min-width:1600px){.site-header{padding-left:28px;padding-right:28px}.desktop-nav{font-size:12px;gap:24px}.site-header .search-trigger{max-width:280px}}@media(max-width:1200px){.desktop-nav{gap:13px;font-size:10px}.site-header{gap:10px;padding:0 14px}.site-header .brand>span{display:none}.site-header .search-trigger{max-width:190px}.language-button{display:none}.demo-label{font-size:8px}.site-header .brand{margin-right:3px}}@media(max-width:900px){.desktop-nav,.account-wrap{display:none}.mobile-menu-button{display:flex;order:3}.site-header .brand>span{display:block;font-size:16px}.header-spacer{order:1}.site-header .search-trigger{max-width:240px;order:2}.demo-label{display:none}.footer-top{grid-template-columns:1fr 1fr 1fr 1fr;padding:0 8px 25px}.footer-top>.brand{grid-column:1/-1}.page-hero{padding:24px}.filter-bar{padding:10px;gap:7px}.filter-bar .inline-search{flex:1;min-width:135px}}@media(max-width:700px){body{font-size:12px}.site-header{height:52px;padding:0 15px;gap:12px}.site-header .brand>span{display:block;font-size:16px}.site-header .brand>svg{width:24px}.desktop-nav,.account-wrap,.language-button{display:none}.mobile-menu-button{display:flex}.site-header .search-trigger{border:0;background:none;max-width:36px;padding:5px;margin:0 0 0 auto;order:2}.site-header .search-trigger span,.site-header .search-trigger kbd{display:none}.site-header .search-trigger svg{width:21px;height:21px}.header-spacer{order:1}.mobile-menu-button{order:3}.page-container{width:calc(100% - 20px);margin-top:10px;margin-bottom:30px}h1{font-size:20px}h2{font-size:16px}.subnav{gap:22px;height:46px;border-radius:0 0 18px 18px;overflow:auto;justify-content:flex-start;padding:0 18px}.subnav a{white-space:nowrap;font-size:12px;gap:5px}.subnav a svg{width:14px}.page-hero{min-height:130px;padding:18px}.page-hero h1{font-size:19px}.page-hero .tag{font-size:8px}.page-hero p{font-size:11px;max-width:90%;line-height:1.6}.hero-art{width:75px;height:75px;position:absolute;right:7px;top:12px;opacity:.5;margin:0}.page-hero>div:first-child{max-width:100%}.filter-bar{gap:7px;padding:9px 8px}.role-filter{height:35px;padding:3px}.role-filter button{width:27px;height:27px}.role-filter button img,.role-filter button svg{width:17px;height:17px}.filter-button{padding:6px 7px;font-size:10px}.filter-button img{width:16px}.select .select-trigger{font-size:10px;padding:8px 24px 8px 8px}.select svg{right:7px;width:12px}.filter-bar .inline-search{min-width:160px}.filter-bar .patch-select{margin-left:auto}.filter-bar .toggle-label{font-size:9px}.table-scroll .data-table th{font-size:9px;padding:7px 6px}.data-table td{padding:6px;height:46px;font-size:11px}.data-table td strong{font-size:12px}.data-table td small{font-size:9px}.data-table .champ-cell img{width:43px;height:29px}.champ-cell a{gap:8px}.tier-badge{font-size:17px}.rank-menu{left:auto;right:0;width:270px}.site-footer{width:calc(100% - 28px);margin-top:48px;padding-top:25px}.footer-top{grid-template-columns:repeat(3,1fr);gap:22px}.footer-top>div:last-child{grid-column:1/-1}.footer-top .source-note{max-width:none}.footer-bottom{flex-wrap:wrap;justify-content:center;gap:8px}.footer-bottom small{order:3;width:100%;font-size:8px}.champion-grid{grid-template-columns:repeat(5,1fr);gap:14px 6px}.champion-grid img{width:47px;height:47px}.modal{padding:18px}.search-modal{padding:0;top:12%}.source-note{font-size:9px}.command-input{padding:15px 13px}.command-input input{font-size:12px}.drawer{padding:25px;width:280px}.page-hero.center .hero-art{right:5%;width:100px;height:100px}.panel-heading{padding:10px;gap:7px}.panel-heading h3{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.source-icon{display:inline-block;flex-shrink:0;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.ladder-sampled-role{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.ladder-sampled-role small{color:#9399a4;font-size:10px;line-height:1.1}.ladder-sample-note{margin:10px 0;color:#969ca8;font-size:11px;line-height:1.5}html{overflow-y:scroll}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--header)}::-webkit-scrollbar-thumb{background:#666b70;border-radius:8px;border:1px solid var(--header)}.site-header{height:50px}html:has(body[data-scroll-locked]){overflow-y:hidden}.select-trigger{color:inherit;text-align:left;white-space:nowrap;display:flex;align-items:center}.select-menu{z-index:150;min-width:128px;max-height:min(300px,var(--radix-select-content-available-height));overflow:hidden;border:1px solid #ffffff1a;border-radius:6px;background:var(--surface);color:#cdcecf;box-shadow:0 4px 12px #0004;animation:select-in .15s ease-out;transform-origin:var(--radix-select-content-transform-origin)}.select-menu.patch-select{max-height:140px}.select-options{padding:4px;min-width:var(--radix-select-trigger-width)}.select-option{position:relative;display:flex;align-items:center;padding:6px 32px 6px 8px;min-height:32px;border-radius:2px;font-size:14px;line-height:20px;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background .15s}.select-option+.select-option{margin-top:4px}.select-option[data-highlighted]{background:color-mix(in srgb,var(--primary) 14.9%,transparent)}.select-option[data-state=checked]{background:color-mix(in srgb,var(--primary) 20%,transparent)}.select-option>span:last-child:not(:first-child){position:absolute;right:8px;display:flex;align-items:center}.select-scroll{display:flex;align-items:center;justify-content:center;height:20px;background:var(--surface)}@keyframes select-in{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.select-menu[data-state=closed],.profile-champion-popover[data-state=closed]{animation:select-out .1s ease-in}@keyframes select-out{to{opacity:0;transform:translateY(-4px) scale(.95)}}@media(prefers-reduced-motion:reduce){.select-menu,.profile-champion-popover{animation:none}}html[data-reduce-motion=true] .select-menu,html[data-reduce-motion=true] .profile-champion-popover{animation:none}.select-with-icon{display:inline-flex;align-items:center;gap:8px}.select-with-icon img{width:20px;height:16px;flex-shrink:0;object-fit:contain;vertical-align:middle}.home-page{max-width:1280px;margin:0 auto;position:relative;padding:0 0 10px}.home-aura{position:absolute;pointer-events:none;z-index:-1;top:0;left:50%;width:100vw;height:1000px;transform:translate(-50%);background:var(--brand-aura);opacity:1;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.home-intro{padding-top:40px;position:relative}.home-brand{text-align:center}.brand-large{font-size:54px;letter-spacing:-2.5px;gap:14px}.brand-large>svg{width:58px;height:58px;stroke-width:2.3}.home-search{position:relative;margin:24px auto 0;width:730px;max-width:calc(100% - 48px);height:65px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 16.86%,transparent);background:color-mix(in srgb,var(--surface2) 74.12%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--brand-gold) 9.41%,transparent),0 0 8px color-mix(in srgb,var(--brand-gold) 9.41%,transparent),inset 0 0 10px color-mix(in srgb,var(--brand-gold) 3.14%,transparent)}.home-search .search-trigger{border-radius:20px;padding:5px 10px;font-size:11px;background:var(--surface);box-shadow:inset 0 0 8px #0004;height:27px;max-width:92%}.meep{position:absolute;width:64px;pointer-events:none;filter:drop-shadow(0 0 15px #c4ffc436);animation:float 10s ease-in-out infinite}.meep-one{left:-38px;top:-12px;transform:rotate(-10deg)}.meep-two{right:-55px;bottom:-38px;animation-delay:-4s;width:67px}.home-headline{margin:42px auto 32px;width:max-content;max-width:100%;position:relative}.home-headline>p{font-size:11px;letter-spacing:3px;font-weight:500;color:#bcbcc8;text-align:center;margin-bottom:7px}.home-headline>div{display:flex;align-items:center;position:relative}.home-headline h1{font-size:45px;font-weight:800;line-height:1.02;letter-spacing:-1.8px}.home-headline h1 small{font-size:10px;color:#aaa7bb;letter-spacing:0;display:inline-block;position:absolute;right:-15px;bottom:9px}.home-headline img{width:88px;height:88px;object-fit:contain;position:absolute;right:-38px;top:-13px;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--brand-red) 26.67%,transparent))}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:center;padding:0 2px;max-width:1280px;margin:auto}.home-card{min-height:270px;border:1px solid #ffffff0a;border-radius:7px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface2) 39.61%,transparent),color-mix(in srgb,var(--surface) 47.84%,transparent));box-shadow:0 4px 35px #070b1635;overflow:hidden;position:relative}.home-card:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 0%,transparent),var(--primary),color-mix(in srgb,var(--primary) 0%,transparent))}.mini-title{display:flex;align-items:center;justify-content:center;gap:7px;height:33px;font-size:12px;font-weight:700}.mini-title:hover{color:var(--primary)}.mini-head{display:grid;grid-template-columns:1.5fr .5fr .75fr .75fr;font-size:8px;color:#a4a2b3;align-items:center;padding:2px 12px;text-align:center;height:18px}.mini-head>span:first-child{text-align:left}.mini-tier-row{display:grid;grid-template-columns:1.5fr .5fr .75fr .75fr;align-items:center;padding:3px 10px;min-height:33px;font-size:11px;text-align:center}.mini-tier-row:nth-child(odd){background:#ffffff03}.mini-tier-row>span:first-child{display:flex;gap:8px;align-items:center}.mini-tier-row img{width:46px;height:27px;object-position:center 28%}.mini-tier-row b{font-size:10px}.mini-tier-row .tier-badge{font-size:15px}.mini-tier-row:hover,.mini-ladder-row:hover{background:#ffffff06}.card-action{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--muted);height:27px;border-top:1px solid #ffffff05}.card-action:hover{color:#fff}.mini-ladder{background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 40%,transparent),#4d443966)}.mini-ladder:after{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 0%,transparent),var(--gold),color-mix(in srgb,var(--gold) 0%,transparent))}.mini-tabs{display:flex;align-items:center;padding:3px 4px;height:33px}.mini-tabs button{flex:1;border-radius:4px;color:#90909d;font-size:10px;padding:4px}.mini-tabs button.active{background:#10131bcc;color:#e8e7f2;box-shadow:inset 0 -2px var(--primary)}.mini-ladder .mini-head{grid-template-columns:1.5fr .8fr .5fr;padding-left:44px}.mini-ladder-row{display:flex;align-items:center;gap:6px;height:33px;padding:3px 9px;font-size:10px}.mini-ladder-row>small{width:10px;color:#bbb6c4;font-size:8px}.mini-player{flex:1;min-width:0}.mini-player b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mini-player small{font-size:8px;color:#b4a999;display:block}.mini-ladder-row>strong{white-space:nowrap;color:var(--cyan);font-size:10px;display:flex;align-items:center;gap:2px}.mini-ladder-row>strong small{font-size:8px}.wr-pill{background:#a1c5dc99;border-radius:2px;font-size:8px;font-weight:800;color:#fff;padding:2px 4px}.esports-card{text-align:center;min-height:222px;padding:21px 14px 0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--brand-red-dark) 53.33%,transparent),transparent),color-mix(in srgb,var(--surface2) 40%,transparent);align-self:center}.esports-wordmark{display:flex;align-items:center;justify-content:center;font-size:29px;letter-spacing:-1px;font-weight:800;color:var(--text);gap:9px}.esports-wordmark svg{color:var(--primary);width:40px;height:40px}.esports-card>p{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.5}.team-logos{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px auto}.team-logos img{width:21px;height:21px;object-fit:contain}.pill-row{display:flex;justify-content:center;gap:9px;margin-bottom:10px}.pill-row span{font-size:8px;border:1px solid #ffffff0e;border-radius:4px;padding:1px 9px;color:var(--muted)}.esports-card .card-action{margin:0 -14px}.esports-card:hover{border-color:color-mix(in srgb,var(--primary) 26.67%,transparent);transform:translateY(-2px)}.matchup-selector{position:relative;max-width:1150px;margin:0 auto;padding:135px 150px 115px;text-align:center;min-height:540px}.matchup-selector h2{font-size:40px;line-height:1.15;letter-spacing:-1.2px;position:relative;z-index:1;font-weight:750}.matchup-selector h2 span{color:var(--primary)}.matchup-selector>small{font-size:9px;font-weight:750;display:block;margin-top:16px;letter-spacing:.2px}.matchup-art{position:absolute;top:43%;width:190px;height:190px;object-fit:contain;animation:float 12s ease-in-out infinite;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--brand-gold) 6.67%,transparent))}.art-left{left:12px}.art-right{right:12px;animation-delay:-5s}.matchup-picks{display:flex;align-items:center;justify-content:center;gap:44px;margin-top:35px}.matchup-picks>svg{color:#777682}.matchup-picks>button{width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #ffffff1b;background:#ffffff03;box-shadow:0 0 18px #ffffff05,inset 0 0 0 4px #0d0e1466;color:#999ba8;font-size:34px;font-weight:700}.matchup-picks>button:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3.53%,transparent);transform:translateY(-3px)}.matchup-picks img{border-radius:6px;object-fit:cover}.popular-section{margin:30px auto 0}.section-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.section-heading h2{font-size:19px}.section-heading span{font-size:12px;color:var(--muted)}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.popular-card{height:310px;position:relative;overflow:hidden;border-radius:7px;background:#141820;border:1px solid #ffffff05}.popular-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 15%,#05070800 35%,#07090bf5)}.popular-card img{height:100%;width:100%;object-fit:cover;object-position:65% 50%;transition:transform .5s}.popular-card:hover img{transform:scale(1.045)}.popular-card>div{position:absolute;bottom:22px;left:20px;z-index:1}.popular-card h3{font-size:25px;display:flex;align-items:center;gap:10px}.popular-card p{color:#a2a3aa;font-size:11px;margin-top:4px}.tier-table-panel{overflow:visible}.tier-table{table-layout:fixed}.tier-table th.col-rank{width:12%}.tier-table th.col-name{width:27%;text-align:left}.tier-table th.col-role,.tier-table th.col-tier{width:12%}.tier-table th.col-winrate{width:14%}.tier-table th.col-pickrate{width:12%}.tier-table th.col-games{width:13%}.tier-table .col-role small{margin-top:1px}.tier-table td{height:44px}.tier-table .col-games{font-size:11px}.tier-table td strong{font-size:14px}.tier-table .filter-bar{border-bottom:1px solid var(--border)}.analyzed{display:flex;flex-direction:column;align-items:center;min-width:150px;z-index:1}.analyzed small{color:#94949b;font-size:10px;font-weight:700}.analyzed strong{color:var(--gold);font-size:22px;font-weight:800;margin-top:3px}.tier-page .page-hero>div:first-child{max-width:63%}.tier-page .page-hero h1{font-size:23px}.tier-page .hero-art{width:94px;height:94px}.tier-table-panel .filter-bar .inline-search{max-width:238px;flex:1}.champion-top{background:var(--header);border-radius:0 0 30px 30px;box-shadow:0 7px 15px color-mix(in srgb,var(--brand-gold) 4.71%,transparent)}.champion-top .subnav{box-shadow:none;border-radius:0}.champion-identity{display:flex;align-items:center;gap:38px;margin:0 auto;padding:8px 0 13px}.champion-identity>img{box-shadow:0 0 12px color-mix(in srgb,var(--primary) 12.55%,transparent);border:1px solid color-mix(in srgb,var(--primary) 17.65%,transparent)}.champion-identity h1{font-size:18px;letter-spacing:-.45px}.champion-identity h1>span{color:#b8b9f0}.champion-description{display:flex;align-items:center;gap:28px;margin-top:7px}.champion-description p{max-width:610px;color:#93939b;font-size:11px;line-height:1.6}.ability-icons{display:flex;gap:7px;align-items:center}.ability-icons>img{width:28px;height:28px;border-radius:3px}.spell-icon{position:relative;display:inline-flex;width:31px;height:31px;flex-shrink:0}.spell-icon img{width:100%;height:100%;border-radius:3px}.spell-icon small{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:9px;color:#e8e8f0;background:#151823dd;line-height:12px;min-width:12px;text-align:center;border-radius:2px;font-weight:800}.ability-icons .spell-icon{width:28px;height:28px}.champion-page{margin-top:14px}.champion-content{background:#0d1015a6;padding:0 16px 16px}.champion-content>.filter-bar{margin:0 -14px 14px}.champion-content>.filter-bar .segmented{margin-left:auto;order:1}.champion-stats{display:grid;grid-template-columns:repeat(6,1fr);padding:9px 8px 14px;border-bottom:3px solid var(--gold);border-radius:0 0 6px 6px;background:linear-gradient(110deg,#24233090,#1f1d2444);box-shadow:0 6px 12px color-mix(in srgb,var(--gold) 1.57%,transparent);margin-bottom:21px}.champion-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.champion-stats strong{font-size:24px;line-height:1.5}.champion-stats .tier-badge{font-size:30px}.champion-stats strong small{color:#9999a4;font-size:16px}.champion-stats>div>small{font-size:10px;color:#a6a5b3;text-transform:lowercase}.champion-stats>div:last-child strong{font-size:19px;font-weight:500}.build-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px}.build-variants{display:flex;gap:8px}.build-variants button{display:flex;align-items:center;gap:7px;padding:7px 10px 9px;border:1px solid var(--border);border-bottom:0;border-radius:5px 5px 0 0;color:#a7a5b3}.build-variants button.active{background:color-mix(in srgb,var(--primary) 9.8%,transparent);color:#d9d8e8;box-shadow:inset 0 1px color-mix(in srgb,var(--primary) 13.33%,transparent)}.build-variants button>span{text-align:left;line-height:1.2}.build-variants small{font-size:9px;display:block;color:var(--muted)}.build-variants strong{background:#ffffff08;color:var(--stat-neutral);font-size:12px;padding:1px 3px;border-radius:3px}.build-variants strong[data-trend=positive]{color:var(--stat-positive)}.build-variants strong[data-trend=negative]{color:var(--stat-negative)}.build-toolbar>.button{border-radius:5px 5px 0 0;text-transform:uppercase;font-size:10px;padding:8px 10px}.build-summary{display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--border);padding:16px 23px;min-height:184px;background:linear-gradient(100deg,#24223d85,#25212685);border-radius:0 0 4px 4px}.rune-trees{display:flex;gap:22px;align-items:flex-start;flex-shrink:0}.rune-tree{width:128px;display:flex;flex-direction:column;gap:9px}.rune-styles{display:flex;justify-content:space-between;gap:4px;margin-bottom:8px}.rune-styles img{width:21px;height:21px;opacity:.22;filter:grayscale(1);object-fit:contain}.rune-styles img.chosen{opacity:1;filter:none}.rune-row{display:flex;align-items:center;justify-content:center;gap:12px;height:25px}.rune-row img{width:25px;height:25px;object-fit:contain;opacity:.16;filter:grayscale(1);transition:opacity .2s}.rune-row:first-of-type{height:30px}.rune-row img.chosen{filter:none;opacity:1;filter:drop-shadow(0 0 5px #dfc98733)}.rune-row img:hover{opacity:1;filter:none}.rune-tree.secondary{width:89px;gap:7px}.rune-tree.secondary .rune-row{gap:7px}.rune-tree.secondary .rune-row img{width:21px;height:21px}.rune-tree.secondary .rune-styles{gap:1px}.rune-tree.secondary .rune-styles img{width:17px;height:17px}.build-summary p{font-size:11px;color:#b2aabb;margin-bottom:12px}.build-spells{display:flex;flex-direction:column;gap:17px;min-width:120px}.build-starter p:not(:first-child){margin-top:18px}.build-starter{flex-shrink:0}.build-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:285px;justify-content:center}.build-path>span{display:flex;align-items:center;gap:10px;color:#787783}.counter-panel{margin-top:20px;border:1px solid var(--border);border-radius:4px;padding:0 10px 13px;background:#ffffff02}.counter-panel .panel-heading{padding-left:0;padding-right:0}.counter-panel .panel-heading h3{text-transform:uppercase;font-size:11px}.counter-labels{display:flex;justify-content:space-between;margin-bottom:6px;font-size:10px;color:var(--primary)}.counter-labels b:last-child{color:var(--red)}.counter-list{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:14px}.counter-list a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.counter-list img{width:100%;height:56px;object-fit:cover}.counter-list a:hover img{box-shadow:0 0 0 1px var(--primary)}.counter-list b{font-size:12px;color:#d1bdde}.counter-list small{font-size:9px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.champion-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.trend-panel .panel-heading{padding:12px 10px}.trend-panel .segmented button{font-size:9px;padding:5px}.chart{width:100%;min-width:0}.skill-order{padding:12px 10px}.skill-order h3{margin-bottom:16px}.skill-row{display:flex;align-items:center;gap:8px;margin-top:6px}.skill-row>b,.skill-row>.spell-icon{width:25px;height:25px;flex-shrink:0}.skill-row>div{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:2px;flex:1}.skill-row>div>span{height:20px;background:#ffffff03;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:8px;color:#737889}.skill-row>div>span.learned{background:color-mix(in srgb,var(--primary) 23.14%,transparent);color:#cfccf0}.skill-row:first-child span{background:none;height:8px}.item-sets{margin-top:15px}.item-sets .panel-heading{padding-left:0;padding-right:0}.item-sets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.item-sets-grid>.panel{padding:17px;text-align:center}.item-sets-grid .item-line{justify-content:center;gap:7px;margin-bottom:13px}.item-sets-grid strong{display:block;font-size:19px}.item-sets-grid strong small{font-size:10px;font-weight:500;color:var(--muted)}.item-sets-grid>.panel>small{color:var(--muted);font-size:10px}.item-tables{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.item-tables h3{padding:12px;font-size:13px}.item-tables .data-table td{font-size:10px;padding:7px}.item-tables td:first-child{max-width:130px;text-align:left}.item-tables .item-line>span{font-size:9px;max-width:100px}.item-tables th{padding:6px}.champion-pros{padding:15px 0}.champion-pros h2{margin-bottom:20px}.pro-build-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);padding:12px}.pro-build-row>span{flex:1}.pro-build-row small{display:block;font-size:10px;color:var(--muted)}.pro-build-row:hover{background:#ffffff04}.leaderboard-page>.panel{margin-bottom:14px}.leaderboard-page .filter-bar .inline-search{max-width:260px}.leaderboard-page form.inline-search{gap:4px}.leaderboard-page form.inline-search input{min-width:0;padding-right:10px}.leaderboard-page form.inline-search button{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.leaderboard-page form.inline-search button:hover{color:var(--text);background:#ffffff0a}.leaderboard-page form.inline-search button svg{position:static;color:inherit}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.podium-card{position:relative;border:1px solid var(--border);background:linear-gradient(115deg,#31314166,#22273566);border-radius:6px;display:flex;align-items:center;gap:12px;padding:24px 12px 20px;overflow:hidden}.podium-card.place-1{border-color:color-mix(in srgb,var(--gold) 13.33%,transparent);background:linear-gradient(120deg,#40393888,#25253477)}.podium-place{position:absolute;right:11px;top:2px;font-weight:800;font-size:30px;color:color-mix(in srgb,var(--gold) 9.02%,transparent);font-style:italic}.place-2 .podium-place{color:#b5bad322}.place-3 .podium-place{color:#a6816e33}.podium-card h2{font-size:13px;letter-spacing:0}.podium-card h2 small{font-size:9px;color:var(--muted);font-weight:500}.podium-card p{display:flex;align-items:center;gap:3px;font-size:13px;color:var(--cyan);margin:5px 0}.podium-card>.profile-image{width:50px;height:50px;border:1px solid color-mix(in srgb,var(--gold) 18.82%,transparent)}.podium-card .champion-line img{width:24px;height:24px}.podium-card>small{position:absolute;bottom:4px;right:10px;font-size:9px;color:#b1aca9}.podium-card:hover{border-color:color-mix(in srgb,var(--primary) 33.33%,transparent);transform:translateY(-2px)}.player-table td{height:59px}.player-table td:first-child{width:60px;color:#a5a2b3}.player-table th:nth-child(2){text-align:left}.player-name{display:flex;gap:12px;align-items:center;text-align:left}.player-name>span>b{display:block;font-size:13px}.player-name small{color:#8f8d9d}.player-name .pro-tag{font-size:8px}.ladder-lp{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--cyan);white-space:nowrap}.ladder-lp strong{font-size:12px!important}.winrate-cell{width:120px;position:relative;margin:auto;padding-right:35px}.winrate-cell>small{display:flex!important;justify-content:space-between;gap:10px;font-size:9px!important}.winrate-cell>small span:first-child{color:var(--primary)}.winrate-cell>small span:last-child{color:var(--red)}.winbar{height:4px;background:#9e455b88;border-radius:3px;overflow:hidden;margin-top:3px}.winbar i{display:block;height:100%;background:#798dde}.winrate-cell>b{position:absolute;right:0;top:4px;font-size:12px}.player-table .champion-line{justify-content:center;gap:5px}.player-table .champion-line img{border-radius:50%;border:1px solid #ffffff12}.participants{display:flex;flex-direction:column;gap:10px}.team-heading{display:flex;justify-content:space-between;background:color-mix(in srgb,var(--primary) 5.1%,transparent);padding:5px 10px;font-size:10px;color:var(--primary)}.team-red .team-heading{background:#d56b780c;color:var(--red)}.participant-table th{font-size:9px;height:25px;padding:4px}.participant-table th:first-child{text-align:left;padding-left:8px}.participant-table td{padding:5px;height:39px}.participant-table td strong{font-size:10px;white-space:nowrap}.participant-name{display:flex;align-items:center;gap:8px;text-align:left;max-width:190px}.participant-name>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-name small{display:flex!important;align-items:center;gap:3px;font-size:8px!important}.participant-table .item-line{justify-content:center;gap:2px}.damage-bar{width:75px;height:4px;background:#ffffff04;margin:3px auto}.damage-bar i{display:block;height:100%;background:var(--primary)}.team-red .damage-bar i{background:var(--red)}.load-more{width:100%;margin-top:15px;background:color-mix(in srgb,var(--primary) 3.92%,transparent);border-color:color-mix(in srgb,var(--primary) 13.33%,transparent)}.lens-summary{padding:25px;margin-bottom:18px}.lens-summary>h2{display:flex;align-items:center;gap:10px}.lens-summary>p{font-size:12px;color:var(--muted);margin-top:8px}.lens-score{display:flex;align-items:center;justify-content:center;gap:16px;padding:25px}.lens-score>strong{font-size:40px;color:#c1b3ea}.lens-score small{font-size:20px;color:var(--muted)}.lens-metrics{display:flex;justify-content:center;gap:70px}.lens-metrics>div{display:flex;flex-direction:column;text-align:center}.lens-metrics strong{font-size:22px}.lens-metrics small{color:var(--muted);margin-top:4px}.live-game{padding:25px}.live-game h2{display:flex;align-items:center;gap:8px}.live-teams{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.live-player{display:flex;align-items:center;gap:14px;padding:9px;border-bottom:1px solid var(--border)}.studio-page{margin-top:12px}.studio-page .page-hero{height:224px;padding-top:15px;margin-bottom:18px}.studio-page .page-hero h1{font-size:25px}.studio-page .page-hero>div:first-child p{margin-top:3px;font-size:14px;color:#d1cbd6}.studio-hero-description{position:absolute;text-align:left;left:28px;bottom:58px;max-width:660px!important;font-size:12px!important;margin:0!important}.studio-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px}.studio-sidebar{border-right:1px solid #ffffff05;padding:10px 12px 20px 0}.studio-sidebar>a{padding:7px 9px;display:block;color:#c4bece;font-size:13px}.studio-sidebar>div{margin-top:14px}.studio-sidebar h3{font-size:11px;text-transform:uppercase;color:#aea9df;margin:0 0 5px 1px;font-weight:750}.studio-sidebar>div>a{display:block;padding:3px 8px;border-left:2px solid transparent;color:#95909e;font-size:12px;line-height:1.5}.studio-sidebar>div>a:hover{color:var(--text);background:#ffffff02}.studio-sidebar>div>a.active{background:color-mix(in srgb,var(--primary) 3.92%,transparent);color:var(--primary);border-color:var(--primary)}.studio-overview>h2{margin:10px 0 5px}.studio-overview>p{color:var(--muted);font-size:12px;margin-bottom:20px}.studio-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-cards>.panel{padding:15px}.studio-cards h3{display:flex;align-items:center;gap:8px;font-size:14px;padding-bottom:15px;color:#d1cbee}.studio-cards h3 svg{color:#a6a0da;width:18px}.studio-cards a{display:flex;align-items:center;justify-content:space-between;color:#b4adbe;padding:6px 0;font-size:12px;border-top:1px solid #ffffff03}.studio-cards a:hover{color:var(--primary);padding-left:4px}.studio-dimensions{display:flex;border:1px solid #ffffff06;border-radius:4px 4px 0 0;border-bottom:2px solid var(--primary)}.studio-dimensions a{flex:1;text-align:center;font-size:13px;padding:9px;color:#898595;font-weight:650}.studio-dimensions a.active{background:#0d121e55;color:#d3cde6;box-shadow:0 2px #c8b0e9}.studio-data{background:linear-gradient(110deg,#181e3477,#251e2366);border-radius:0 0 4px 4px;border-top:0;padding:0 0 8px}.studio-data .filter-bar{gap:8px;padding:13px 14px}.studio-data .filter-bar .role-filter{margin-right:auto}.studio-data .filter-bar .role-filter button{width:29px}.studio-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:5px 16px 16px}.studio-toolbar h2{font-size:12px;font-weight:600;color:#9b92ab}.studio-toolbar>.inline-search{max-width:280px;flex:1;margin:0 auto}.studio-toolbar>.inline-search input{font-size:12px;background:#ffffff06;border:0;padding:9px 12px}.studio-table{table-layout:fixed}.studio-table th:first-child{width:6%}.studio-table th:nth-child(2){width:28%;text-align:left}.studio-table th:nth-child(3){width:36%}.studio-table th:nth-child(4),.studio-table th:nth-child(5){width:10%}.studio-table th:last-child{width:10%}.studio-table td{padding:5px 9px;font-size:11px}.studio-table td .champ-cell{display:flex;align-items:center;gap:10px}.studio-table .champ-cell img{width:56px;height:30px}.studio-table .champ-cell b{font-size:12px}.metric-bar{display:flex;align-items:center;gap:14px}.metric-bar strong{min-width:43px;font-size:16px!important;text-align:right;font-style:italic}.metric-bar>span{flex:1;height:6px;background:#61563555;border-radius:5px}.metric-bar i{display:block;height:100%;background:linear-gradient(90deg,#ecd6a1,#fff1a7);border-radius:5px;box-shadow:0 0 7px color-mix(in srgb,var(--gold) 12.55%,transparent)}.rank-distribution{padding:15px}.rank-distribution>div{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid #ffffff06}.rank-distribution strong{font-size:10px;width:90px}.rank-distribution>div>div{flex:1;background:#ffffff02;height:14px;border-radius:3px}.rank-distribution i{display:block;background:linear-gradient(90deg,#787ec0,#bbb4e2);height:100%;border-radius:3px}.rank-distribution b{width:60px;font-size:12px;text-align:right}.profile-icons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:25px}.profile-icons-grid>div{display:flex;align-items:center;flex-direction:column;gap:5px}.profile-icons-grid small{color:var(--muted)}.matchups-page{max-width:1200px}.matchups-page .matchup-selector{padding-top:110px;min-height:570px}.featured-matchups h2{text-align:center;margin-bottom:25px}.featured-matchups>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featured-matchups a{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;padding:20px;background:#ffffff02}.featured-matchups a>span{width:100%;text-align:center;font-size:12px;color:#b7acc8}.featured-matchups a>svg{color:#7e7390}.featured-matchups a:hover{border-color:color-mix(in srgb,var(--primary) 33.33%,transparent);background:color-mix(in srgb,var(--primary) 3.53%,transparent);transform:translateY(-2px)}.matchup-results{padding:0 0 16px}.matchup-result-heading{display:flex;align-items:center;gap:20px;padding:12px 0 20px}.opponent-button{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:5px;padding:3px}.opponent-button>span{min-width:25px;font-size:15px}.opponent-button>span:only-child{font-size:25px}.video-frame{position:relative;aspect-ratio:16/9;background:#090b10;border:1px solid var(--border);border-radius:5px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-frame>a{position:absolute;right:9px;bottom:9px;display:flex;gap:5px;align-items:center;font-size:10px;padding:4px 8px;background:#000c;border-radius:4px;color:#ddd}.timestamp-buttons{display:flex;justify-content:center;gap:10px;padding:12px}.timestamp-buttons button{padding:5px 12px;border:1px solid var(--border);font-size:11px;border-radius:5px}.timestamp-buttons button.active{background:color-mix(in srgb,var(--primary) 10.98%,transparent);border-color:color-mix(in srgb,var(--primary) 31.37%,transparent);color:var(--primary)}.video-empty{height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#686475;background:radial-gradient(ellipse,#24213766,transparent),#0b0e14;border:1px solid #ffffff05;border-radius:6px}.replay-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:20px 0 12px}.replay-toolbar>small{font-size:10px;color:var(--muted);max-width:380px}.replay-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:4px;margin-bottom:6px;width:100%;background:#ffffff02;padding:12px 10px}.replay-row.active{background:color-mix(in srgb,var(--primary) 3.92%,transparent);border-color:color-mix(in srgb,var(--primary) 16.47%,transparent)}.replay-row>small{font-size:9px;color:var(--muted)}.replay-row>span{display:flex;flex-direction:column;align-items:flex-start;flex:1}.replay-row>span>small{color:#aba1b5;font-size:9px}.replay-row>strong{font-size:12px}.replay-row>svg{color:#aea2c1}.teams-page{margin-top:28px}.teams-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:16px}.teams-table-panel .panel-heading{border-bottom:1px solid var(--border)}.snapshot-badge{font-size:8px;color:#817f8a;white-space:nowrap}.teams-table-panel .filter-bar>.inline-search{margin:0;max-width:220px}.teams-table-panel .filter-bar>.muted{margin-left:auto;font-size:10px}.team-table td{height:50px}.team-table td:nth-child(2)>a{display:flex;align-items:center;gap:10px;text-align:left}.team-table td:nth-child(2)>a small{margin-left:auto;font-size:8px}.team-table td:nth-child(3)>strong{font-size:12px;color:var(--cyan)}.team-table td:nth-child(3)>strong>small{display:inline;font-size:9px}.team-table td:nth-child(5)>span{display:block;font-size:9px;color:var(--muted)}.team-table td:nth-child(5)>b{font-size:11px}.team-logo-fallback{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff12;background:linear-gradient(130deg,color-mix(in srgb,var(--primary) 3.92%,transparent),#a1e4f90a);border-radius:50%;font-weight:800;font-size:9px;color:#b8bad4;flex-shrink:0}.league-filters{align-self:start;position:sticky;top:65px}.league-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.league-buttons button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 3px;border:1px solid transparent;border-radius:4px;color:#a09aa9;font-size:9px;font-weight:650}.league-buttons button.selected{background:color-mix(in srgb,var(--primary) 9.02%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.league-buttons button:hover{background:#ffffff04}.back-link{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin:18px 0}.settings-page,.editorial-page,.mypage{max-width:850px;margin-top:40px}.settings-page>h1,.editorial-page>h1,.mypage>h1{margin-bottom:24px}.settings-page>.panel{padding:24px;margin-bottom:20px}.settings-page h2{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid #ffffff06}.settings-row h3{font-size:13px;margin-bottom:5px}.settings-row p{font-size:11px;max-width:460px;color:var(--muted)}.settings-row>span{font-size:11px}.settings-saved{font-size:10px;color:var(--green);margin-top:15px;display:flex;align-items:center;gap:6px}.settings-page .muted{font-size:12px}.settings-page .text-link{font-size:11px;margin-top:20px}.mypage>p{margin-bottom:20px}.mypage>.panel{padding:22px}.mypage h2{display:flex;align-items:center;gap:10px}.favorites-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.favorite-card{display:flex;align-items:center;padding:14px;border:1px solid var(--border);background:#ffffff02;border-radius:5px}.favorite-card>a{display:flex;align-items:center;gap:14px;flex:1}.favorite-card>a>span small{display:block;color:var(--muted);font-size:10px}.favorite-card>a>span b>small{display:inline;margin-left:3px}.favorite-card>.icon-button{color:var(--primary)}.editorial-page>.panel{padding:30px}.editorial-page p{font-size:13px;line-height:1.85;color:#b6b1bf;margin:18px 0}.editorial-page h2{margin:10px 0}.editorial-page ul{line-height:1.8;padding-left:22px;color:#b5afbe}.editorial-page li{margin-bottom:12px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-list details{border:1px solid var(--border);border-radius:5px;background:color-mix(in srgb,var(--surface) 53.33%,transparent);padding:0 22px}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:14px;font-size:13px;font-weight:650;padding:20px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details[open] summary{border-bottom:1px solid var(--border)}.faq-list p{font-size:12px}.game-page{background:radial-gradient(ellipse at 50% 80%,#23303544,transparent 70%),#111619;min-height:100dvh;padding:24px 16px 45px}.game-home{max-width:530px;margin:0 auto;text-align:center;padding-top:0}.game-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:95px}.game-nav .brand{font-size:15px}.game-nav .brand>svg{width:22px}.game-trophy{color:#d3b469;stroke-width:1.5;filter:drop-shadow(0 0 20px #dec87822);margin-bottom:20px}.game-home h1{font-size:47px;letter-spacing:3px;font-weight:800;background:linear-gradient(#f5dfaa,#c3a67a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.game-home>p{font-size:14px;color:#a29e99;margin:14px auto 32px;max-width:410px}.game-primary{background:#bcb9e8;color:#17171f;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;width:100%;font-size:14px;font-weight:750;border:1px solid #ffffff13}.game-primary:hover{background:#d1cdf9}.game-home>.game-primary,.game-home>.game-choice{max-width:360px;margin:12px auto}.daily-card{border:1px solid #ffffff17;border-radius:6px;background:#1b1e25;padding:20px;max-width:360px;margin:26px auto}.daily-card h2{display:flex;align-items:center;justify-content:space-between;font-size:15px}.daily-card h2>span{font-size:8px;font-weight:700;color:#c9bc81;background:#cdb95f0e;padding:4px 6px;border-radius:3px;text-transform:uppercase}.daily-card>div{display:flex;gap:30px;text-align:left;margin-top:20px}.daily-card small{font-size:10px;text-transform:uppercase;color:#817f85}.daily-card small b{display:block;font-size:14px;color:#bcb7ca;margin-top:3px}.daily-card p{text-align:left;font-size:13px;color:#bfb9ca;margin:16px 0}.daily-card .game-choice{margin-bottom:0;min-height:40px;font-size:12px;padding:11px 14px;flex-direction:row;align-items:center;justify-content:space-between}.game-footnote{display:block;font-size:9px;color:#60636c;margin-top:45px}.game-setup{max-width:560px;margin:35px auto}.game-setup>.icon-button{margin:0 0 25px -6px}.game-setup>h1{font-size:28px;margin-bottom:8px;letter-spacing:-.8px}.game-setup>p{font-size:13px;color:#9c97a3;margin-bottom:28px}.game-setup>h3{font-size:11px;font-weight:500;color:#95919d;margin-top:25px}.game-input{width:100%;padding:14px;border:1px solid #ffffff1a;background:#0d1216;border-radius:6px;font-size:15px}.game-choice{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;text-align:left;border:1px solid #ffffff19;box-shadow:inset 0 0 0 1px #ffffff03;background:#11161a;border-radius:7px;padding:18px;margin:10px 0;min-height:85px}.game-choice:hover{border-color:color-mix(in srgb,var(--primary) 43.14%,transparent);background:#1c202d;transform:translateY(-1px)}.game-choice>b{display:flex;align-items:center;gap:9px;font-size:14px}.game-choice>span{font-size:12px;color:#a59cab}.game-choice>small{font-size:10px;color:#99919f}.game-choice>.champion-line{margin:5px 0}.flag-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:15px 0 30px}.flag-grid button{font-size:23px;padding:5px;border:1px solid transparent;border-radius:4px}.flag-grid button.selected{background:color-mix(in srgb,var(--primary) 7.84%,transparent);border-color:color-mix(in srgb,var(--primary) 50.2%,transparent)}.flag-grid button:hover{background:#ffffff06}.career-dashboard{max-width:560px;margin:-24px auto 0;background:#0d10124d;padding:14px 16px 0;position:relative}.career-top{display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:16px}.career-top>b{font-size:11px}.career-top>span{color:#929097;font-size:9px}.career-top .career-team{margin-left:auto;white-space:nowrap}.career-top .tag{font-size:8px;color:#bbbce3;padding:2px 5px}.career-top>.tag:last-of-type{color:#b1dce9;background:#254854}.career-top>.icon-button{padding:2px}.career-stats{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #ffffff08;box-shadow:inset 0 0 0 2px #ffffff02;border-radius:3px;padding:11px 14px;background:#ffffff02;text-align:left}.career-stats>div{display:flex;flex-direction:column;gap:5px}.career-stats small{font-size:10px;font-weight:700;color:#858288}.career-stats b{font-size:12px;color:#b1ddec}.career-stats>div:last-of-type b{color:#bddcad}.rating-pill{background:#75bc76;padding:0 7px;border-radius:3px;color:#07110c;font-size:17px;align-self:center;font-style:italic;font-weight:800}.career-bars{margin:11px 0}.career-bars>div{display:flex;align-items:center;gap:15px;margin:7px 0}.career-bars span{font-size:10px;width:125px;color:#a4a0a5}.career-bars i{height:8px;flex:1;background:repeating-linear-gradient(90deg,transparent 0 6px,#11181c 6px 8px),linear-gradient(90deg,#76b991 var(--progress),#24252a var(--progress))}.season-tabs{display:flex;align-items:center;border-bottom:2px solid #ffffff04;gap:28px;margin:14px 0 25px}.season-tabs>b{font-size:14px;line-height:1.2}.season-tabs>b small{display:block;font-size:9px;text-transform:uppercase;color:#676a71;font-weight:500}.season-tabs>span{font-size:10px;flex:1;text-transform:uppercase;color:#76717e;text-align:center;font-weight:750;padding:8px 0}.season-tabs>span.active{color:#c2b5ed}.career-standings>div:first-child{display:flex;justify-content:space-between;color:#8d8698;font-size:10px;margin-bottom:18px}.career-standings>div:nth-child(2){display:flex;align-items:center;justify-content:space-between}.career-standings>div:nth-child(2)>strong{font-size:40px;line-height:1.3}.career-standings>div:nth-child(2)>strong>span{color:#656169;font-size:32px;margin-left:7px}.career-standings>div:nth-child(2)>b{font-size:16px}.career-form{display:flex;gap:5px;padding:7px 0 18px;min-height:38px}.career-form>span{font-size:10px;font-weight:800;padding:1px 3px;border-radius:3px;background:#ffffff05}.career-form .positive{color:#81c694;background:#80c69211}.career-form .negative{color:#c17575;background:#c1757511}.season-table{margin:10px 0 25px;border-top:1px solid #ffffff06;padding-top:14px}.season-table>div{display:flex;gap:18px;align-items:center;padding:4px 8px;font-size:11px}.season-table>div>small{color:#81768a}.season-table>div>b{margin-left:auto;font-size:10px}.season-table>div.current{background:#222b4a;color:#c9c7ed}.career-event{border:2px solid #ffffff20;background:#1c1f23;border-radius:9px;padding:22px 20px;margin:28px -4px 0;animation:fade-up .2s}.career-event>small{color:#d99c73;font-size:10px;text-transform:uppercase;font-weight:650}.career-event>p{font-size:15px;line-height:1.8;margin:16px 0;color:#e4dfe9}.career-event>.game-choice{flex-direction:row;align-items:center;gap:14px;min-height:48px;padding:12px 15px;margin:9px 0}.career-event>.game-choice>b{font-size:12px;line-height:1.5}.career-end{text-align:center}.career-end>svg{color:var(--gold);margin:10px auto 20px}.career-end .game-primary{margin-top:25px}.career-feedback{display:flex;align-items:center;justify-content:center;gap:5px;color:#63666e;font-size:9px;padding:12px}.game-menu{display:flex;flex-direction:column;gap:12px}.career-detail-stats>div{display:flex;align-items:center;gap:15px;padding:10px 0}.career-detail-stats>div>span{width:90px;font-size:12px}.career-detail-stats progress{flex:1;accent-color:var(--primary);height:8px}.career-detail-stats p{font-size:10px;color:var(--muted);padding:4px 0}.career-detail-stats h3{margin-top:20px}@media(max-width:1350px){.home-page{width:calc(100% - 64px)}.home-cards,.popular-grid{gap:30px}.home-card{min-height:260px}.esports-card{min-height:215px}}@media(max-width:1050px){.home-cards,.popular-grid{gap:18px}.mini-tier-row{padding:3px 7px}.mini-tier-row b{font-size:9px}.mini-tier-row img{width:37px}.mini-tier-row>span:first-child{gap:5px}.mini-ladder-row{gap:4px;padding:3px 6px}.mini-ladder-row>strong{font-size:9px}.build-summary{padding:16px;gap:15px}.build-path{max-width:230px;gap:5px}.build-path>span{gap:6px}.build-path img{width:32px;height:32px}.rune-trees{gap:15px}.studio-hero-description{max-width:65%!important}}@media(max-width:900px){.home-page{width:calc(100% - 32px)}.home-cards{gap:12px}.mini-tier-row strong{font-size:9px}.mini-ladder-row>strong .rank-icon{display:none}.team-logos{gap:10px}.esports-wordmark{font-size:25px}.esports-wordmark svg{width:30px}.matchup-selector{padding-left:100px;padding-right:100px}.matchup-selector h2{font-size:32px}.matchup-art{width:150px;height:150px}.build-summary{flex-wrap:wrap;justify-content:space-around}.build-path{max-width:none;width:100%;padding:15px 0 0;border-top:1px solid var(--border)}.build-path>span{gap:15px}.build-path img{width:39px;height:39px}.counter-list{gap:8px}.counter-list img{height:46px}.champion-description{gap:15px}.champion-identity{gap:25px}.item-tables{grid-template-columns:1fr 1fr}.item-tables>.panel:last-child{grid-column:1/-1}.studio-layout{grid-template-columns:165px minmax(0,1fr);gap:12px}.studio-sidebar>div>a{font-size:11px}.studio-sidebar h3{font-size:10px}.studio-table th:nth-child(3){width:31%}.studio-table .champ-cell img{width:40px;height:29px}.studio-table .champ-cell b{font-size:10px}.metric-bar{gap:9px}.metric-bar strong{font-size:13px!important;min-width:32px}.teams-layout{grid-template-columns:minmax(0,1fr) 180px;gap:12px}.league-buttons button{font-size:8px}.podium-card{gap:8px;padding:18px 9px}.podium-card>.profile-image{width:40px;height:40px}.podium-card h2{font-size:11px}.podium-card h2 small{display:block;font-size:8px}.podium-card p{font-size:11px}.podium-card .champion-line img{width:20px;height:20px}.podium-card .champion-line{gap:3px}}@media(max-width:700px){.home-page{width:calc(100% - 24px)}.home-intro{padding-top:20px;display:flex;flex-direction:column}.home-brand{display:none}.home-aura{height:1000px;top:-60px;opacity:.35;width:100vw;background-size:220vw auto}.home-headline{order:0;margin:20px auto 23px}.home-headline>p{font-size:8px;letter-spacing:1.7px;margin-bottom:7px}.home-headline h1{font-size:37px;letter-spacing:-1.5px}.home-headline h1 small{font-size:8px;right:-13px;bottom:6px}.home-headline img{width:76px;height:76px;right:-40px;top:-7px}.home-search{order:1;margin:0 auto 38px;max-width:none;width:calc(100% - 20px);height:60px;border-radius:7px}.home-search .search-trigger{max-width:94%;font-size:9px;height:28px;padding:5px 10px}.home-search .search-trigger kbd{font-size:8px}.home-search .meep-one{width:39px;left:-18px;top:-5px}.home-search .meep-two{width:47px;right:-11px;bottom:-30px}.home-cards{order:2;grid-template-columns:1fr;width:100%;gap:16px}.home-card{min-height:260px;width:100%;max-width:430px;margin:0 auto}.mini-tier{order:0}.mini-ladder{order:1}.esports-card{order:2;min-height:190px;padding-top:17px}.esports-card .team-logos{margin:12px auto}.mini-title{font-size:12px;height:36px}.mini-head{font-size:9px;height:18px;padding-left:14px;padding-right:14px}.mini-tier-row{min-height:36px;padding:3px 13px}.mini-tier-row b,.mini-tier-row strong{font-size:11px}.mini-tier-row img{width:48px;height:28px}.mini-tier-row>span:first-child{gap:10px}.mini-tier-row .tier-badge{font-size:16px}.card-action{height:27px;font-size:10px}.mini-ladder-row{height:36px;padding:3px 15px;gap:8px}.mini-ladder-row>strong{font-size:12px}.mini-ladder-row>strong .rank-icon{display:inline-block}.mini-player b{font-size:11px}.mini-player small{font-size:9px}.mini-ladder-row>small{font-size:9px;width:14px}.mini-tabs{height:36px}.mini-tabs button{font-size:11px}.wr-pill{font-size:9px}.matchup-selector{padding:85px 5px;min-height:435px}.matchup-selector h2{font-size:25px;letter-spacing:-.7px}.matchup-selector>small{font-size:7px;margin-top:10px}.matchup-art{width:100px;height:100px;top:57%}.art-left{left:-25px}.art-right{right:-25px}.matchup-picks{gap:20px;margin-top:30px}.matchup-picks>button{width:65px;height:65px;font-size:27px}.matchup-picks>svg{width:29px;height:29px}.matchup-picks>button img{width:61px;height:61px}.section-heading{flex-direction:column;gap:4px;margin-bottom:20px}.section-heading h2{font-size:16px}.section-heading span{font-size:9px}.popular-section{margin-top:5px}.popular-grid{grid-template-columns:1fr;gap:16px}.popular-card{height:240px}.popular-card img{object-position:50% 40%}.popular-card>div{bottom:18px;left:18px}.popular-card h3{font-size:24px}.popular-card p{font-size:10px}.tier-page .page-hero{padding:18px 15px 50px}.tier-page .page-hero>div:first-child{max-width:100%}.tier-page .page-hero h1{font-size:18px;max-width:calc(100% - 20px)}.tier-page .page-hero p{max-width:95%;margin-top:9px;font-size:10px}.tier-page .hero-art{width:69px;height:69px;opacity:.35;top:9px;right:8px}.tier-page .analyzed{position:absolute;bottom:13px;left:16px;display:flex;flex-direction:row;gap:10px;align-items:center}.analyzed small{font-size:8px}.analyzed strong{font-size:15px;margin:0}.tier-table-panel .filter-bar .inline-search{max-width:none;min-width:130px}.tier-table th.col-rank{width:10%}.tier-table th.col-name{width:32%}.tier-table th.col-role,.tier-table th.col-tier{width:10%}.tier-table th.col-winrate,.tier-table th.col-pickrate{width:19%}.tier-table .col-games{display:none}.tier-table th.col-name{text-align:left}.tier-table .champ-cell b{font-size:10px}.tier-table td{height:44px}.tier-table td strong{font-size:11px}.tier-table td small{font-size:8px}.tier-table td.col-role small{font-size:7px}.tier-table .champ-cell a{gap:6px}.tier-table .champ-cell img{width:37px;height:27px}.tier-table .tier-badge{font-size:15px}.tier-table th>button svg{width:9px}.tier-table .champ-cell img:nth-of-type(2){width:22px;height:27px}.tier-table .champ-cell .muted{display:none}.champion-top{border-radius:0 0 18px 18px}.champion-identity{gap:13px;padding:12px 0 14px;align-items:flex-start}.champion-identity>img{width:48px;height:48px;margin-top:2px}.champion-identity h1{font-size:14px;line-height:1.5;letter-spacing:-.2px}.champion-description{gap:9px;display:block}.champion-description p{display:none}.ability-icons{gap:6px}.ability-icons>img,.ability-icons .spell-icon{width:25px;height:25px}.champion-content{padding:0 8px 10px}.champion-content>.filter-bar{margin:0 -8px 10px;gap:6px}.champion-content>.filter-bar .role-filter{margin-right:auto}.champion-content>.filter-bar .segmented{order:0;margin-left:0}.champion-content>.filter-bar .select{flex:1}.champion-content>.filter-bar .select .select-trigger{width:100%}.champion-stats{padding:8px 0 10px;grid-template-columns:repeat(3,1fr);row-gap:15px;margin-bottom:15px}.champion-stats strong{font-size:20px;line-height:1.25}.champion-stats strong small{font-size:13px}.champion-stats>div:last-child strong{font-size:18px}.champion-stats .tier-badge{font-size:25px}.champion-stats>div>small{font-size:9px;margin-top:3px}.build-toolbar{gap:5px;flex-wrap:wrap}.build-variants{gap:5px;flex:1}.build-variants button{padding:6px 5px;gap:5px;flex:1}.build-variants button>.item-image{width:25px;height:25px}.build-variants b{font-size:10px}.build-variants small{font-size:8px}.build-variants strong{font-size:10px}.build-toolbar>.button{font-size:9px;order:-1;margin-left:auto;margin-bottom:5px;border-radius:4px}.build-summary{padding:16px 10px;gap:16px 10px;justify-content:center}.rune-trees{gap:19px;width:100%;justify-content:center;padding-bottom:14px;border-bottom:1px solid var(--border)}.rune-tree{width:142px;gap:10px}.rune-row{gap:13px}.rune-row img{width:28px;height:28px}.rune-tree.secondary{width:100px;gap:10px}.rune-tree.secondary .rune-row{gap:9px}.rune-tree.secondary .rune-row img{width:23px;height:23px}.build-spells{flex-direction:row;gap:25px;min-width:0}.build-summary p{font-size:10px;margin-bottom:7px}.build-starter{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:15px}.build-starter p{grid-row:1;margin:0 0 7px!important}.build-starter>.item-image{grid-column:1;grid-row:2}.build-starter>.item-line{grid-column:2;grid-row:2}.build-spells .spell-icon{width:26px;height:26px}.build-spells .item-line{gap:3px}.build-spells .item-line svg{width:10px}.build-starter>.item-image,.build-starter .item-image{width:26px;height:26px}.build-path{padding-top:14px;gap:4px;justify-content:space-between}.build-path>span{gap:8px}.build-path>span img{width:35px;height:35px}.counter-panel{margin-top:16px;padding:0 8px 12px}.counter-panel .panel-heading{flex-wrap:wrap}.counter-panel .panel-heading h3{font-size:10px}.counter-panel .segmented button{font-size:9px;padding:4px 6px}.counter-list{grid-template-columns:repeat(5,1fr);gap:13px 10px}.counter-list img{height:45px;width:100%}.counter-list b{font-size:10px}.counter-list small,.counter-labels{font-size:8px}.champion-bottom-grid{grid-template-columns:1fr;gap:14px}.skill-order{padding:15px 10px}.skill-row>div{gap:2px}.skill-row>div>span{font-size:7px;height:22px}.item-sets-grid{grid-template-columns:1fr;gap:10px}.item-sets-grid>.panel{display:flex;align-items:center;gap:12px;padding:12px}.item-sets-grid .item-line{margin:0;gap:4px;flex:1}.item-sets-grid .item-line img{width:28px;height:28px}.item-sets-grid strong{font-size:17px}.item-sets-grid strong small{display:block;font-size:8px}.item-sets .panel-heading{flex-wrap:wrap;gap:8px}.item-sets .panel-heading>.segmented{margin-left:auto}.item-sets .segmented button{font-size:9px;padding:5px}.item-sets .panel-heading>.button{font-size:9px}.item-tables{grid-template-columns:1fr;gap:12px}.item-tables .item-line>span{max-width:none;font-size:11px}.item-tables .data-table td{font-size:11px;padding:8px}.pro-build-row{gap:8px;padding:10px 4px}.pro-build-row .item-line{max-width:107px;flex-wrap:wrap;justify-content:center}.pro-build-row .item-line img{width:23px;height:23px}.pro-build-row>span strong{font-size:11px}.pro-build-row>span small{font-size:8px}.pro-build-row>.rank-icon{display:none}.leaderboard-page .page-hero{min-height:125px}.leaderboard-page .filter-bar>.inline-search{max-width:none;flex:1}.podium{gap:7px;margin:12px 0}.podium-card{flex-direction:column;padding:20px 6px 16px;gap:6px;text-align:center;align-items:center}.podium-card>.profile-image{width:40px;height:40px}.podium-card h2{font-size:10px;max-width:105px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.podium-card h2 small{display:none}.podium-card p{font-size:10px;margin:3px 0;justify-content:center}.podium-card p .rank-icon{width:20px;height:20px}.podium-card .champion-line{justify-content:center;gap:3px}.podium-card .champion-line img{width:18px;height:18px}.podium-card .champion-line img:last-child{display:none}.podium-place{font-size:21px;right:7px}.podium-card>small{font-size:7px;right:7px}.player-table{min-width:350px}.player-table th:nth-child(3),.player-table td:nth-child(3),.player-table th:nth-child(6),.player-table td:nth-child(6),.player-table th:nth-child(7),.player-table td:nth-child(7){display:none}.player-table td{padding:7px 5px;height:56px}.player-table td:first-child{width:25px;font-size:9px}.player-name{gap:7px}.player-name>.profile-image{width:28px;height:28px}.player-name>span>b{font-size:10px;max-width:105px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-name small{font-size:8px!important}.player-name .pro-tag{font-size:6px}.ladder-lp{gap:1px}.ladder-lp strong{font-size:10px!important}.ladder-lp img{width:21px;height:21px}.winrate-cell{width:82px;padding-right:28px}.winrate-cell>small{font-size:7px!important;gap:2px}.winrate-cell>b{font-size:10px}.participant-table th{font-size:8px!important;padding:5px 3px!important}.participant-table td{padding:4px 2px}.participant-table td strong{font-size:8px}.participant-name{gap:5px;max-width:130px}.participant-name>img{width:23px;height:23px}.participant-name>span{font-size:8px;max-width:65px}.participant-name small{font-size:7px!important}.participant-table .item-line{flex-wrap:wrap;max-width:79px;gap:2px;margin:auto}.participant-table .item-line img,.participant-table .item-line .empty-item{width:17px!important;height:17px!important}.participant-table th:nth-child(3),.participant-table td:nth-child(3){display:none}.lens-summary{padding:18px}.lens-metrics{gap:40px}.lens-summary p{font-size:11px}.live-teams{grid-template-columns:1fr;gap:15px}.studio-page .page-hero{height:204px;padding:18px 15px}.studio-page .page-hero h1{font-size:21px}.studio-page .page-hero>div:first-child p{font-size:11px;max-width:100%;margin-top:5px}.studio-hero-description{left:18px;bottom:23px;font-size:10px!important;max-width:68%!important;line-height:1.6}.studio-page .page-hero .hero-art{opacity:.85;right:6px;top:auto;bottom:15px;width:100px;height:100px}.studio-layout{display:flex;flex-direction:column;gap:12px}.studio-sidebar{border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;gap:6px;padding:7px;overflow:auto;max-width:100%;background:color-mix(in srgb,var(--surface) 40%,transparent)}.studio-sidebar>div{display:contents;margin:0}.studio-sidebar>div>h3{display:none}.studio-sidebar>a,.studio-sidebar>div>a{display:block;padding:5px 9px;white-space:nowrap;border:1px solid transparent;border-radius:3px;font-size:10px}.studio-sidebar>div>a.active{border-color:color-mix(in srgb,var(--primary) 16.86%,transparent)}.studio-cards{gap:10px}.studio-cards>.panel{padding:12px}.studio-cards h3{font-size:12px;gap:6px;padding-bottom:12px}.studio-cards h3 svg{width:15px}.studio-cards a{font-size:10px}.studio-overview>h2{font-size:16px}.studio-overview>p{font-size:11px}.studio-dimensions a{font-size:12px;padding:9px}.studio-data .filter-bar{padding:9px 8px;gap:6px}.studio-data .filter-bar .role-filter{margin:0 auto 0 0}.studio-data .filter-bar .role-filter button{width:26px}.studio-data .filter-bar .select{flex:1}.studio-data .filter-bar .select .select-trigger{width:100%}.studio-toolbar{padding:8px 10px 13px;gap:8px}.studio-toolbar h2,.studio-toolbar .inline-search input{font-size:10px}.studio-table th:nth-child(4),.studio-table th:nth-child(5),.studio-table td:nth-child(4),.studio-table td:nth-child(5){display:none}.studio-table th:first-child{width:8%}.studio-table th:nth-child(2){width:34%}.studio-table th:nth-child(3){width:43%}.studio-table th:last-child{width:15%}.studio-table td{padding:6px 5px;font-size:10px;height:42px}.studio-table .champ-cell{gap:7px!important}.studio-table .champ-cell img{width:36px;height:25px}.studio-table .champ-cell b{font-size:9px;white-space:nowrap}.metric-bar{gap:7px}.metric-bar strong{font-size:12px!important;min-width:30px}.metric-bar>span{height:4px}.rank-distribution{padding:10px}.rank-distribution>div{gap:8px}.rank-distribution strong{font-size:8px;width:70px}.rank-distribution img{width:30px;height:30px}.rank-distribution b{font-size:10px;width:50px}.profile-icons-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:18px}.profile-icons-grid img{width:65px;height:65px}.matchups-page .matchup-selector{min-height:440px;padding-top:75px}.featured-matchups>div{grid-template-columns:1fr 1fr;gap:12px}.featured-matchups a{gap:8px;padding:17px 10px}.featured-matchups a img{width:34px;height:34px}.featured-matchups a svg{width:15px;height:15px}.featured-matchups a>span{font-size:10px}.matchup-result-heading{gap:12px;padding-top:4px}.matchup-result-heading>img{width:42px;height:42px}.opponent-button img{width:42px;height:42px}.opponent-button span{font-size:12px}.matchup-result-heading>.muted{display:none}.video-empty{height:200px}.replay-toolbar{flex-wrap:wrap;gap:10px}.replay-toolbar>small{font-size:9px}.replay-row{gap:8px;flex-wrap:wrap}.replay-row>.champion-image{width:32px;height:32px}.replay-row>.item-line{order:1;width:100%;margin-left:50px}.replay-row>.item-line img{width:24px;height:24px}.replay-row>span{font-size:10px}.replay-row>strong{font-size:10px}.teams-page{margin-top:18px}.teams-layout{display:flex;flex-direction:column-reverse;gap:12px}.league-filters{position:static;width:100%}.league-filters .panel-heading{padding:9px 10px}.league-buttons{display:flex;overflow:auto;padding:0 7px 8px;gap:5px}.league-buttons button{padding:8px;white-space:nowrap;min-width:54px;font-size:8px;gap:5px}.league-buttons button svg{width:17px;height:17px}.teams-table-panel .panel-heading h1{font-size:11px}.snapshot-badge{font-size:7px}.team-table th:nth-child(4),.team-table td:nth-child(4),.team-table th:last-child,.team-table td:last-child{display:none}.team-table td:nth-child(2)>a{gap:8px}.team-table td:nth-child(2)>a small{font-size:7px;margin-left:0}.team-table td:nth-child(2)>a>b{font-size:11px}.team-table td:nth-child(3)>strong{font-size:11px}.team-table td:nth-child(5)>span{font-size:8px}.settings-page,.editorial-page,.mypage{margin-top:25px}.settings-page>.panel{padding:18px}.settings-row{gap:15px;flex-wrap:wrap}.settings-row>div{flex:1;min-width:180px}.settings-row p{font-size:10px}.settings-row h3{font-size:12px}.settings-row>.select{margin-left:auto}.settings-page h2{font-size:15px}.settings-page .muted{font-size:11px}.favorites-grid{grid-template-columns:1fr;gap:12px}.mypage>.panel{padding:15px}.editorial-page>.panel{padding:20px}.editorial-page p{font-size:12px}.faq-list details{padding:0 16px}.faq-list summary{font-size:12px;padding:17px 0}.game-page{padding:17px 13px 30px}.game-nav{margin-bottom:65px}.game-home h1{font-size:36px;letter-spacing:2px}.game-home>p{font-size:12px;max-width:310px}.game-trophy{width:57px;height:57px}.daily-card{max-width:330px}.game-setup{margin:15px auto}.game-setup h1{font-size:24px}.game-setup>p{font-size:12px}.game-setup>.icon-button{margin-bottom:20px}.game-choice{padding:15px;gap:7px}.game-choice>b{font-size:13px}.game-choice>span{font-size:11px}.flag-grid{grid-template-columns:repeat(8,1fr);gap:5px}.flag-grid button{font-size:23px;padding:4px}.career-dashboard{padding:12px 1px 0;margin-top:-17px}.career-top{gap:5px;margin-bottom:15px;flex-wrap:wrap}.career-top .career-team{font-size:8px;max-width:115px;overflow:hidden;text-overflow:ellipsis}.career-top>b{font-size:10px}.career-top>.tag{font-size:7px}.career-top>span{font-size:8px}.career-stats{padding:10px;gap:8px}.career-stats small{font-size:8px}.career-stats b{font-size:10px}.career-stats .rating-pill{font-size:15px}.career-bars span{font-size:9px;width:95px}.career-bars i{height:7px}.season-tabs{gap:15px;margin-top:13px}.season-tabs>span{font-size:9px}.season-tabs>b{font-size:13px}.career-standings>div:nth-child(2)>strong{font-size:35px}.season-table>div{font-size:10px}.career-event{padding:19px 13px;border-width:1px;margin:20px 0 0}.career-event>p{font-size:13px;line-height:1.8}.career-event>.game-choice{padding:12px 11px;gap:11px}.career-event>.game-choice>b{font-size:11px}.career-event>.game-choice>img{width:34px;height:34px}.career-feedback,.game-footnote{font-size:8px}}@media(max-width:375px){.build-spells{gap:18px}.build-starter{column-gap:10px}.build-path>span{gap:5px}.build-path img{width:30px!important;height:30px!important}.podium-card h2{font-size:9px}.tier-table .champ-cell img{width:30px}.tier-table .champ-cell b{font-size:9px}}.home-page{isolation:isolate}.home-headline img{right:-65px}.tier-table td{padding-top:4px;padding-bottom:4px}.tier-table tbody .champ-cell b{font-size:14px}.tier-table tbody td:first-child{font-weight:650}.tier-table th{background:#ffffff04}@media(min-width:1201px){.desktop-nav{font-size:12px;gap:18px}.site-header{gap:12px}.site-header .brand>span{display:none}.site-header .brand{margin-right:42px}.site-header .search-trigger{max-width:245px;font-size:11px}}@media(max-width:700px){.home-headline img{right:-43px}.tier-table tbody .champ-cell b{font-size:10px}.tier-table td{padding-top:6px;padding-bottom:6px}.home-page{clip-path:none}}@media(min-width:701px){.brand-large{font-size:60px}.home-headline h1{font-size:50px}.home-headline{margin-bottom:44px}.home-headline>p{font-size:14px}.home-search .search-trigger{font-size:12px;height:34px;padding:6px 14px;min-width:390px}.mini-title{font-size:16px}.mini-head{font-size:10px;height:25px}.mini-tier-row{min-height:44px;font-size:14px}.mini-tier-row b{font-size:13px}.mini-tier-row img{width:56px;height:34px}.mini-tier-row .tier-badge{font-size:20px}.mini-ladder-row{height:44px;font-size:12px}.mini-ladder-row>img{width:32px;height:32px}.mini-player b{font-size:14px}.mini-player small{font-size:10px}.mini-ladder-row>strong{font-size:15px}.mini-ladder-row>strong small{font-size:10px}.mini-tabs button{font-size:14px}.wr-pill{font-size:11px;padding:2px 8px}.card-action{font-size:11px}.esports-card>p{font-size:12px}}@media(max-width:700px){.home-headline h1{font-size:32px}.home-headline>p{font-size:10px;letter-spacing:1px}.home-headline{transform:translate(-14px)}.home-headline img{right:-56px;width:64px;height:64px}.home-headline h1 small{right:-38px;font-size:9px}.home-search{width:calc(100% - 96px);height:68px}.home-search .search-trigger{font-size:11px;height:36px;max-width:92%}.home-search .meep{display:none}.matchup-selector{overflow-x:clip}}.rune-shards{display:grid;gap:4px;margin-top:2px}.rune-shards>div{display:flex;justify-content:center;gap:8px}.rune-shards img{width:17px;height:17px;border:1px solid transparent;border-radius:50%;opacity:.2;filter:grayscale(1)}.rune-shards img.chosen{opacity:1;filter:none;border-color:#dfc98799}.esports-wordmark>img{width:190px;max-width:100%;height:42px;object-fit:contain}.tier-table tbody tr{position:relative}.tier-row-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.tier-table tbody tr:focus-within{outline:2px solid var(--primary);outline-offset:-2px}.native-studio{padding:18px 20px 30px;margin:0;max-width:none}.native-studio-heading{display:flex;align-items:center;gap:14px;margin:4px 0 22px}.native-studio-heading h1{font-size:30px;margin:0;letter-spacing:-.7px}.native-studio-heading p{max-width:290px;font-size:12px;color:var(--muted);border-left:1px solid var(--border);padding-left:20px;margin-left:6px}.native-studio .studio-layout{grid-template-columns:174px minmax(0,1fr);gap:20px}.native-studio .studio-data{background:#101315c9;border:1px solid #ffffff12;padding:16px}.native-studio .studio-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.native-studio .studio-dimensions{border:0;gap:6px;margin-bottom:12px}.native-studio .studio-dimensions a{flex:initial;min-width:100px;border:1px solid #ffffff12;border-radius:4px;background:#191c20;padding:7px 12px}.native-studio .studio-dimensions a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,#191c20)}.studio-definition,.studio-coverage{font-size:11px;color:var(--muted);line-height:1.5}.studio-definition{margin:4px 0 14px}.studio-coverage{display:flex;flex-direction:column;gap:2px;padding:12px 2px}.studio-corpus-summary{display:flex;align-items:baseline;gap:12px;padding:18px;border:1px solid #ffffff12;border-radius:10px;margin-bottom:20px;background:#191c20}.studio-corpus-summary strong{color:var(--gold);font-size:24px}.studio-corpus-summary span{color:var(--muted);font-size:12px;margin-right:18px}.studio-empty{padding:55px 20px;text-align:center;color:var(--muted)}.studio-empty h3{color:var(--text)}.native-studio .studio-table td{padding:10px 9px}@media(max-width:1150px){.native-studio .studio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-mode{display:flex;gap:3px;padding:3px;background:#17191d;border:1px solid #ffffff10;border-radius:6px}.studio-mode button{padding:6px 10px;font-size:12px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.studio-mode button[aria-pressed=true]{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,#191c20)}.studio-mode button:hover{color:var(--text)}.legal-content{max-width:900px;margin:0 auto;padding:32px;line-height:1.75}.legal-content h2{margin:28px 0 10px}.legal-content p{margin:12px 0;color:var(--muted, #aaaeb8)}.legal-links{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;border-top:1px solid #ffffff15;margin-top:24px}.site-header{height:50px;padding:0 24px;gap:12px;background:var(--header);border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header .brand{margin-right:63px}.site-header .brand>svg{width:28px;height:28px}.site-header .brand>span{display:none}.desktop-nav{gap:24px;font-size:12px;font-weight:600}.desktop-nav>.nav-entry:nth-child(-n+2){font-size:14px}.nav-entry>a,.desktop-nav>a{color:#ccc;gap:8px}.secondary-start{height:18px;padding-left:18px;border-color:#ffffff26}.nav-entry>a.active:after{display:none}.site-header .search-trigger{max-width:252px;width:252px;flex-shrink:1;margin-left:8px;height:28px;font-size:12px;border-radius:24px;border:1px solid #ffffff1a;background:var(--surface);padding:4px 12px;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 3.92%,transparent)}.site-header .search-trigger kbd{font-size:9px;line-height:12px;border-radius:12px;padding:0 5px}.account-button{border-radius:20px;background:var(--surface);padding:4px 8px;height:28px;font-size:12px;color:#ccc}.nav-dropdown{top:calc(100% - 4px);background:var(--surface);border-color:#ffffff1a}.nav-dropdown a{display:flex;align-items:center;gap:8px}@media(min-width:1600px){.site-header .brand>span{display:block}.site-header .brand{margin-right:65px}.brand{font-size:23px}.site-header{padding:0 20px}.site-header .search-trigger{max-width:280px;width:280px}}@media(max-width:1349px){.desktop-nav,.account-wrap{display:none}.site-header .brand{margin-right:0}.site-header .brand>span{display:none}.site-header .header-spacer{order:1}.site-header .search-trigger{order:2;margin-left:0;flex-shrink:0}.mobile-menu-button{display:flex;order:3;margin-left:24px}.site-header .search-trigger span,.site-header .search-trigger kbd{display:block}.site-header .search-trigger svg{width:16px;height:16px}}@media(max-width:639px){.site-header{height:50px;padding:0 24px;gap:12px}.site-header .brand{margin-right:0}.site-header .brand>span{display:none}.site-header .brand>svg{width:28px;height:28px}.site-header .search-trigger{width:200px;max-width:200px;height:28px;padding:4px 12px;font-size:12px}.site-header .header-spacer{display:none}.site-header{justify-content:space-between}.mobile-menu-button{margin-left:12px;padding:4px;width:24px}.mobile-menu-button svg{width:20px;height:20px}}@media(max-width:359px){.site-header{padding:0 16px;gap:8px}.site-header .search-trigger{width:185px;max-width:185px}.mobile-menu-button{margin-left:0}}.primary-navigation{position:relative;height:50px;display:flex;align-items:center}.primary-navigation-list{list-style:none;display:flex;align-items:center;gap:12px;padding:0;margin:0}.primary-navigation-trigger{display:flex;align-items:center;gap:8px;padding:2px 4px;font-size:14px;font-weight:600;color:#ccc;line-height:20px;white-space:nowrap}.primary-navigation-trigger:hover,.primary-navigation-trigger[data-state=open]{color:var(--text)}.primary-navigation-trigger svg{transition:transform .2s}.primary-navigation-trigger[data-state=open] svg{transform:rotate(180deg)}.primary-navigation-position{position:absolute;left:0;top:49px;perspective:2000px}.primary-navigation-viewport{position:relative;width:var(--radix-navigation-menu-viewport-width);height:var(--radix-navigation-menu-viewport-height);background:var(--bg);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #0002,0 4px 6px -4px #0002;transform-origin:top center;transition:height .2s,width .2s}.primary-navigation-viewport[data-state=open]{animation:navigation-open .15s ease}.primary-navigation-viewport[data-state=closed]{animation:navigation-close .15s ease}.primary-navigation-content{position:absolute;left:0;top:0;width:390px}.illustrated-menu{list-style:none;padding:0;margin:0;width:390px}.illustrated-menu li+li{border-top:1px solid #ffffff1a}.illustrated-menu-link{width:390px;height:72px;display:flex;align-items:center;gap:20px;padding:12px 16px;border-radius:6px;transition:background-color .2s}.illustrated-menu-link:hover,.illustrated-menu-link:focus-visible{background:#ffffff0d}.illustrated-menu-link>img{width:44px;height:auto;flex:0 0 44px;object-fit:contain}.illustrated-menu-link>span{display:flex;flex-direction:column;gap:8px;min-width:0}.illustrated-menu-link strong{font-size:14px;line-height:20px;font-weight:800;color:#fff;text-transform:uppercase}.illustrated-menu-link small{white-space:normal;color:#cdcecf;font-size:10px;line-height:14px;font-weight:400}.mobile-navigation-group{border-bottom:1px solid #ffffff12;padding-bottom:8px}.mobile-navigation-group summary{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer}.mobile-navigation-group summary::-webkit-details-marker{display:none}.mobile-navigation-group a{display:block;padding:10px 16px;color:#b8b9bc;font-size:13px}.mobile-navigation-group[open] summary svg{transform:rotate(180deg)}@keyframes navigation-open{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes navigation-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(min-width:1350px)and (max-width:1599px){.site-header .brand{margin-right:48px}.desktop-nav{gap:18px}}.drawer.modal{width:66.666667%;max-width:384px;padding:24px;border:0;border-radius:12px;background:var(--surface);animation:navigation-sheet-in .5s ease-in-out}.drawer.modal[data-state=closed]{animation:navigation-sheet-out .3s ease-in-out}.drawer .modal-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.drawer .modal-close{top:16px;right:16px;width:16px;height:16px;min-width:0;padding:0;background:transparent;border:0;border-radius:2px;color:#cdcecf}.drawer .modal-close svg{width:16px;height:16px}.mobile-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:32px}.mobile-navigation>a{font-size:20px;line-height:28px;font-weight:600;padding:8px 20px;color:var(--muted);border-radius:8px;white-space:nowrap;transition:color .2s}.mobile-navigation>a:hover{color:#fff}.mobile-navigation .account-button{margin-left:32px;transform:scale(1.25);height:26px;font-weight:700;border:1px solid #ffffff1a}body:has(.drawer) .modal-overlay{background:#0009;-webkit-backdrop-filter:none;backdrop-filter:none;animation-duration:.5s}.account-popover{position:relative;top:auto;right:auto;z-index:110}@keyframes navigation-sheet-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes navigation-sheet-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.drawer.modal{animation:none}}.primary-navigation-trigger{position:relative;height:50px}.primary-navigation-trigger[data-active=true]:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:44px;height:3px;background:var(--gold);border-radius:3px 3px 0 0;box-shadow:0 -3px 8px color-mix(in srgb,var(--gold) 20%,transparent)}.home-page{max-width:none;width:100%;padding:0 20px 64px;background:var(--header);overflow:hidden;isolation:isolate}.home-aura{top:-50px;height:auto;aspect-ratio:1728 / 1180;width:100vw;background-position:top center;background-size:100% 100%;-webkit-mask-image:none;mask-image:none;opacity:1;z-index:-1}.home-grid{position:absolute;top:0;left:0;width:100%;opacity:.15;z-index:-1;pointer-events:none}.home-intro{padding:145px 0 0;display:flex;flex-direction:column;align-items:center;gap:8px;transform:scale(1.1);position:relative;margin-bottom:48px}.home-brand{display:flex;justify-content:center;position:absolute;top:55px;width:100%}.home-brand .brand-large{height:70px;font-size:54px;line-height:70px;letter-spacing:-2.5px}.home-brand .brand-large svg{width:58px;height:58px}.home-search{margin:0 auto;width:672px;max-width:100%;min-height:59px;height:59px;padding:12px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 28px #0003}.home-search .search-trigger{font-size:12px;line-height:18px;font-weight:500;width:100%;min-width:0;max-width:360px;height:32px;padding:4px 12px;background:var(--surface);border:1px solid #ffffff1a;box-shadow:0 0 10px color-mix(in srgb,var(--brand-gold) 10.2%,transparent)}.home-search .search-trigger span{text-align:left;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-search .search-trigger kbd{border:1px solid #ffffff40;border-radius:100px;padding:2px 6px;font-size:10px;font-weight:600;line-height:10px}.home-headline{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto;transform:scale(.75);max-width:none}.home-headline>p{margin:0;color:#cdcecf;font-size:18px;line-height:28px;letter-spacing:.25em;font-weight:200;white-space:nowrap}.home-headline h1{font-size:60px;line-height:56px;font-weight:700;letter-spacing:normal;color:#cdcecf;display:flex;flex-direction:column;align-items:center}.home-headline h1>span{display:flex;align-items:center;gap:16px;white-space:nowrap}.home-headline h1>span:first-child{gap:24px}.home-headline h1 img{position:relative;right:2px;top:12px;width:55px;height:auto;transform:scale(2);filter:brightness(.95) contrast(1.05)}.home-headline h1 small{position:static;font-size:16px;line-height:24px;font-weight:200;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;background:#34383c4d;color:#cdcecf}.home-mascots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-meep{position:absolute;width:48px;height:auto;filter:drop-shadow(0 0 10px #c4ffc444);animation:home-float 8s ease-in-out infinite}.home-meep-1{left:330px;top:130px;scale:-1 1}.home-meep-2{left:140px;top:330px;animation-duration:10s}.home-meep-3{right:250px;top:180px;animation-duration:12s}.home-meep-4{right:140px;top:440px}.home-cards{max-width:1280px;padding:0;margin:0 auto;display:grid;gap:40px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;position:relative}.home-card{width:100%;min-height:0;border-radius:12px;border:1px solid #ffffff1a;background:color-mix(in srgb,var(--surface) 40%,transparent);box-shadow:none}.home-card:after{display:none}.mini-title{height:32px;padding:4px 0;font-size:16px;line-height:24px;gap:4px;color:#cdcecf;margin-bottom:8px}.mini-tier-body{padding:0 8px}.mini-tier .mini-head{grid-template-columns:2fr 1fr 1fr 1fr;padding:0 4px 4px;height:19px;border-bottom:1px solid #ffffff1a;color:#cdcecf;font-size:10px;line-height:14px;font-weight:200}.mini-tier .mini-head>span:first-child{text-align:center}.mini-tier-row{grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 2px;height:47px;min-height:0;font-size:14px;border-bottom:1px solid #ffffff1a}.mini-tier-row:last-child{height:46px;border-bottom:0}.mini-tier-row:nth-child(odd){background:none}.mini-tier-row:hover{background:color-mix(in srgb,var(--accent) 5.1%,transparent)}.mini-tier-row>span:first-child{gap:12px;text-align:left}.mini-tier-row .mini-champion-portrait{position:relative;display:block;width:60px;min-width:60px;height:32px;overflow:hidden;background:var(--bg);border-radius:4px}.mini-tier-row .mini-champion-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);border-radius:0}.mini-role-badge{position:absolute;right:0;bottom:-1px;width:16px;height:16px;padding:1px;background:color-mix(in srgb,var(--bg) 80%,transparent);border-radius:4px 0 0;color:var(--muted)}.mini-tier-row .mini-champion-portrait .role-icon{position:static;display:block;width:14px;height:14px;padding:0;background:currentColor;border-radius:0}.mini-tier-row b{font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}.mini-tier-row .tier-badge{font-size:20px;line-height:28px;font-weight:800;text-shadow:0 0 24px color-mix(in srgb,var(--gold) 25.1%,transparent)}.mini-tier-row strong{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;line-height:20px;font-weight:600}.mini-tier-row strong small{font-size:10px;line-height:12px;color:var(--muted);font-weight:600}.mini-tier-row strong small.rising{color:#dbf7cd}.home-card-strip{display:block;height:6px;background:var(--brand-gold);margin-top:8px;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 10.2%,transparent)}.mini-ladder .home-card-strip{background:var(--brand-red)}.mini-tabs{height:38px;padding:1px}.mini-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;padding:8px 12px}.mini-tabs button img{width:24px;border-radius:2px}.mini-tabs button.active{background:color-mix(in srgb,var(--header) 60%,transparent);box-shadow:none;color:#fff}.mini-ladder-panel{animation:fade .2s}.mini-ladder .mini-head{display:grid;grid-template-columns:2fr 1fr 1fr;padding:0;height:19px;font-size:10px;line-height:14px;color:#cdcecf;font-weight:200}.mini-ladder .mini-head>span:first-child{text-align:center}.mini-ladder-row{display:grid;grid-template-columns:2fr 1fr 1fr;height:46.5px;gap:0;padding:5px 0}.mini-player-identity{display:flex;align-items:center;min-width:0}.mini-player-identity>small{min-width:36px;text-align:center;font-size:12px;line-height:18px;font-weight:800}.mini-player-identity>img{width:34px;height:34px;border:1px solid #ffffff1a;border-radius:6px}.mini-player{margin-left:8px;min-width:0;overflow:hidden}.mini-player b{font-size:14px;line-height:20px;font-weight:700}.mini-player small{display:flex;align-items:center;gap:4px;font-size:11px;line-height:16.5px;font-weight:600;color:var(--muted);white-space:nowrap}.mini-player small img{width:15px;height:15px;object-fit:contain}.mini-player small svg{color:#7e58bb}.mini-ladder-row>.mini-player-rank{font-size:16px;line-height:24px;gap:8px;font-weight:700}.mini-player-rank .rank-icon{display:block;width:24px;height:24px;flex:0 0 24px}.mini-player-wr{display:flex;justify-content:center}.mini-player-wr .wr-pill{min-width:42px;font-size:12px;line-height:18px;font-weight:800;padding:2px 0;text-align:center;background:#8ed2e799;border-radius:4px}.mini-player-wr .wr-pill.purple{background:color-mix(in srgb,var(--brand-gold) 50.2%,transparent)}.studio-card{padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--brand-gold) 22%,transparent);background:linear-gradient(145deg,#24252a,var(--surface));transition:border-color .2s,box-shadow .2s}.studio-card:hover{border-color:color-mix(in srgb,var(--brand-gold) 50%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--brand-gold) 10%,transparent)}.studio-card:after{display:block;height:6px;background:var(--brand-gold)}.studio-card-body{padding:24px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:16px}.studio-card-heading{display:flex;align-items:center;gap:12px}.studio-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--brand-gold) 30%,transparent);border-radius:12px;color:var(--brand-gold);background:color-mix(in srgb,var(--brand-gold) 6%,transparent)}.studio-card h2{margin:0;font-size:24px;line-height:30px;letter-spacing:-.6px}.studio-card p{margin:0;max-width:285px;font-size:12px;line-height:19.5px;color:var(--muted);text-align:center}.studio-card-metrics{display:flex;justify-content:center;gap:10px;width:100%}.studio-card-metrics span{flex:1;max-width:78px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border:1px solid #ffffff12;border-radius:8px;font-size:10px;color:var(--muted);background:#ffffff03}.studio-card-metrics svg{color:#bcc2cc}.studio-card-action{display:flex;align-items:center;gap:6px;color:var(--brand-gold);font-size:12px;font-weight:600}.studio-card-action svg{transition:transform .2s}.studio-card:hover .studio-card-action svg{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.studio-card,.studio-card-action svg{transition:none}}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(min-width:1470px){.home-search .search-trigger{max-width:390px}}@media(min-width:1550px){.home-search .search-trigger{max-width:410px}}@media(min-width:1600px){.home-search .search-trigger{max-width:450px}}@media(min-width:1700px){.home-search .search-trigger{max-width:672px}}@media(max-width:1100px){.home-cards{gap:24px}.mini-tier-row .mini-champion-portrait{width:42px;min-width:42px}.mini-tier-row>span:first-child{gap:6px}.mini-player-identity>small{min-width:24px}.mini-player b{font-size:12px}.mini-ladder-row>.mini-player-rank{gap:3px;font-size:13px}}@media(max-width:1023px){.home-page{padding:0 16px 40px}.home-grid,.home-brand,.home-mascots{display:none}.home-intro{padding:32px 0 0;margin-bottom:48px}.home-headline{order:0}.home-headline>p{font-size:14px;line-height:20px;letter-spacing:.15em}.home-headline h1{font-size:36px;line-height:43.2px}.home-headline h1>span:first-child{gap:16px}.home-headline h1 img{width:40px}.home-headline h1 small{padding:4px 12px}.home-search{order:1;width:min(672px,100%);max-width:100%;height:64px;min-height:64px}.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.mini-tier{order:0}.mini-ladder{order:1}.studio-card{order:2}.home-card{max-width:none}.mini-tier-row strong small{display:none}}@media(max-width:639px){.home-aura{width:100vw;height:1000px;opacity:.35;background-size:220vw auto;background-position:center top}.home-search{width:250px;max-width:100%;padding:12px 24px}.home-search .search-trigger{max-width:200px;height:38px;font-size:12px;gap:4px;padding:4px 12px}.home-search .search-trigger kbd{font-size:9px;padding:2px 4px}.home-cards{grid-template-columns:minmax(0,1fr);gap:40px}.mini-tier-row b{font-size:14px}.mini-tier-row .mini-champion-portrait{width:60px;min-width:60px}.mini-tier-row>span:first-child{gap:12px}.mini-tier-row strong{font-size:10px;line-height:14px}.mini-player-identity>small{min-width:24px;font-size:10px}.mini-player b{font-size:12px}.mini-player small{font-size:10px}.mini-ladder-row>.mini-player-rank{font-size:16px;gap:8px}.mini-player-rank .rank-icon{display:block}.home-page .matchup-selector{margin-top:64px}}.player-profile{position:relative;isolation:isolate;--profile-accent: var(--accent)}.player-profile:before{content:"";position:fixed;inset:0 0 auto;height:1180px;z-index:-1;pointer-events:none;background:var(--brand-aura);opacity:.7}body:has(.player-profile):before{display:none}.profile-top{background:var(--header);border-bottom:1px solid #ffffff1a;border-radius:0 0 32px 32px;box-shadow:0 8px 9px color-mix(in srgb,var(--brand-gold) 10.2%,transparent);padding-top:8px;position:relative;z-index:1}.profile-heading-inner{width:calc(100% - 40px);max-width:1024px;margin:auto}.profile-identity{display:flex;align-items:flex-start;gap:20px;min-height:78px;margin-bottom:12px}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar .profile-image{width:70px;height:70px;border:2px solid #ffffff1a;border-radius:8px}.profile-avatar small{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid #ffffff1a;border-radius:3px;padding:3px 6px;font-size:9px;line-height:12px;font-weight:700}.profile-title{display:flex;align-items:center;gap:8px;height:28px}.profile-title h1{font-size:20px;line-height:28px;letter-spacing:0;font-weight:700;white-space:nowrap}.profile-title h1 small{font-size:14px;font-weight:600;color:#ccc}.profile-title .region-tag{color:var(--text);font-size:10px;line-height:14px;border-radius:5px;background:var(--brand-red-dark);padding:4px 6px}.profile-pro{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#ccc}.profile-pro .pro-tag{color:var(--gold);background:color-mix(in srgb,var(--gold) 5.1%,transparent);border-top:1px solid #ffffff0d;border-radius:6px;padding:2px 6px;line-height:16px;font-size:10px;font-weight:700}.favorite-button{opacity:0;width:24px;height:24px;padding:4px;color:#ccc}.profile-identity:hover .favorite-button,.favorite-button:focus-visible,.favorite-button.selected{opacity:1}.favorite-button.selected{color:var(--gold)}.profile-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.profile-refresh{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;padding:8px 12px;border-top:1px solid #ffffff1a;border-radius:6px;font-size:10px;line-height:14px;font-weight:600;color:#dfe1f0e6;background:color-mix(in srgb,var(--accent) 10.2%,transparent);box-shadow:0 0 5px #ffebad1a;transition:background .2s,box-shadow .2s;white-space:nowrap}.profile-refresh.is-ready:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 14.9%,transparent);box-shadow:0 0 8px #ffebad26}.profile-refresh:disabled{opacity:1}.profile-refresh.is-current,.profile-refresh.is-updating{background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:none}.profile-refresh.is-updating svg{color:#f59451}.refresh-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--gold)}.is-ready .refresh-dot{animation:refresh-pulse 2s cubic-bezier(.4,0,.6,1) 3}.is-current .refresh-dot{background:#4ac97e}@keyframes refresh-pulse{50%{opacity:.5}}.profile-social{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #ffffff1a;border-radius:4px;color:#ccc}.profile-social.twitch{background:#7427d933;color:var(--accent)}.profile-social:hover{background:#ffffff16}.update-message{color:#fa837d;font-size:10px;max-width:270px}.profile-top .subnav{justify-content:flex-start;height:48px;gap:0;padding:0;border-radius:0;box-shadow:none}.profile-top .subnav a{padding:12px 20px;gap:8px;font-size:12px;line-height:18px;font-weight:600;color:#989898;white-space:nowrap}.profile-top .subnav a.active{color:var(--text)}.profile-top .subnav a.active:after{width:50%;left:25%;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--primary)}.profile-top .subnav a[href$="/lens"].active:after{background:var(--gold)}.profile-live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.profile-page{margin:14px auto 48px;width:calc(100% - 40px);max-width:1024px}.profile-page.wide-profile{max-width:1152px}.profile-grid{display:grid;grid-template-columns:244px minmax(0,1fr);gap:16px}.profile-sidebar{display:flex;flex-direction:column;gap:12px}.player-profile .panel{border:0;border-top:1px solid #ffffff1a;border-radius:6px;background:color-mix(in srgb,var(--accent) 3.92%,transparent);box-shadow:none}.profile-sidebar h3{font-size:12px;line-height:18px;color:#ccc;font-weight:600;display:flex;align-items:center;gap:8px}.rank-card{padding-top:8px;overflow:hidden}.rank-card>h3{padding:0 16px}.rank-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;height:50px;padding:8px 16px 0}.rank-card-title>img{width:40px;height:40px;transform:scale(1.1)}.rank-card-title strong{display:block;color:#86d8ee;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}.rank-card-title b{display:block;text-align:right;margin-top:4px;color:#b8e0ed;font-size:12px;line-height:18px;font-weight:600}.rank-label{display:flex;align-items:center;justify-content:center;gap:4px;width:fit-content;margin:10px auto 12px;height:24.5px;padding:2px 8px;font-size:9px;line-height:14px;color:#c6c6d0;border:1px solid #ffffff0d;border-radius:4px;background:color-mix(in srgb,var(--accent) 3.92%,transparent)}.rank-label b{color:#b8e0ed;font-size:10px}.rank-gains{display:flex;justify-content:center;gap:12px;margin-bottom:8px;font-size:10px;line-height:16px;color:#b7b7c0}.rank-gains>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.rank-gains b{display:flex;gap:4px;align-items:center;background:color-mix(in srgb,var(--header) 80%,transparent);border-radius:3px;padding:1px 4px;font-size:12px;line-height:16px;color:var(--text)}.rank-gains b svg{color:#4ac97e}.rank-gains b small{font-size:10px;font-weight:400}.rank-chart{position:relative;padding:0;height:137.25px;margin-bottom:12px}.rank-chart>img{position:absolute;left:33px;top:8px;width:calc(100% - 45px);height:calc(100% - 16px);object-fit:fill}.rank-chart .chart{height:100%!important}.rank-peak{display:flex;border-top:1px solid #ffffff0d;background:color-mix(in srgb,var(--accent) 3.14%,transparent);height:29px}.rank-peak>span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;text-transform:uppercase;color:#777781;flex:1}.rank-peak>span+span{border-left:1px solid #ffffff0d}.rank-peak b{font-size:10px;color:#86d8ee}.rank-peak>span+span b{color:var(--primary)}.rank-peak i{font-size:8px;font-style:normal;border-radius:50%;width:10px;line-height:10px;background:var(--header);color:#989898;text-align:center}.profile-queue-tabs{display:flex;align-items:center;background:color-mix(in srgb,var(--accent) 3.92%,transparent);border-top:1px solid #ffffff1a;border-radius:4px;overflow:hidden;height:35px}.profile-queue-tabs button{flex:1;height:100%;padding:8px 10px;color:#989898;font-weight:600;font-size:12px;line-height:18px;white-space:nowrap}.profile-queue-tabs button.active{color:var(--text);background:var(--surface);border-radius:4px}.profile-queue-tabs button:hover{color:var(--text)}.champion-performance{padding:12px 8px}.champion-performance h3{padding:0 8px;margin-bottom:8px}.performance-head,.performance-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;align-items:center;text-align:center}.performance-head{font-size:10px;line-height:14px;font-weight:300;color:#989898;margin-bottom:4px}.performance-row{height:34px;margin-bottom:4px;font-size:14px;line-height:20px;font-weight:600}.performance-row>img{justify-self:center;transform:scale(1.125);border-radius:8px;clip-path:inset(6%)}.performance-kda{display:flex;flex-direction:column;align-items:center}.performance-kda small{font-size:10px;line-height:14px;font-weight:600;color:#989898;white-space:nowrap}.performance-row:hover{background:color-mix(in srgb,var(--accent) 3.92%,transparent);border-radius:4px}.performance-all{display:flex;align-items:center;gap:8px;width:fit-content;margin:12px auto 0;padding:4px 12px;border:1px solid #ffffff1a;border-radius:4px;background:color-mix(in srgb,var(--accent) 6.27%,transparent);color:#ccc;font-size:12px;font-weight:600;line-height:18px}.role-performance{padding:12px 16px}.role-head,.role-performance button{display:grid;grid-template-columns:1fr 40px 36px;width:100%;text-align:center;gap:8px}.role-head{font-size:10px;color:#989898;margin-top:8px}.role-head>:first-child{text-align:left}.role-performance button{font-size:12px;align-items:center;padding:6px 0;line-height:18px;font-weight:600}.role-performance button>span:first-child{display:flex;gap:8px;align-items:center;font-size:10px}.role-performance button:hover{background:color-mix(in srgb,var(--accent) 3.92%,transparent)}.played-with{padding:12px 16px}.played-with a{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px}.recent-summary{height:171px;border-bottom:4px solid var(--primary)!important;padding:4px 0 16px;box-shadow:0 6px 9px color-mix(in srgb,var(--primary) 9.41%,transparent)!important}.recent-summary h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:18px;font-weight:600;color:#ccc}.recent-grid{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:120px;margin-top:12px}.win-gauge{width:115px;height:90px;flex-shrink:0}.win-gauge svg{width:115px;height:120px;overflow:visible}.gauge-value{font-size:14px;font-weight:700;fill:var(--brand-gold)}.gauge-label{font-size:12px;font-weight:600;fill:#989898}.gauge-record{font-size:14px;font-weight:600;fill:#989898}.summary-champions{display:flex;flex-direction:column;align-items:center;gap:6px}.summary-champions>div{display:flex;align-items:center;gap:8px;height:36px}.summary-champions>div+div{margin-top:0}.summary-champions img{border-radius:12px;transform:scale(1.1)}.summary-champion-record{display:flex;align-items:center;gap:8px}.summary-champion-record small:last-child{display:inline;font-weight:600}.summary-champions>div>span{opacity:.9}.summary-champions strong{display:inline-block;min-width:35px;font-size:12px;font-weight:600;color:#e1ce86;line-height:18px}.summary-champions small{font-size:12px;font-weight:600;color:#989898;margin-left:0}.summary-champions small:last-child{display:block;font-weight:400;margin:0}.summary-champions em{color:#cfbddf}.summary-kda{min-width:100px;text-align:center;align-self:stretch;padding-top:8px}.summary-kda>small{font-size:12px;color:#989898;font-weight:600}.summary-kda>strong{display:block;font-size:32px;line-height:40px;color:var(--primary);font-weight:700;margin:12px 0}.summary-kda p{font-size:14px;line-height:20px;font-weight:400}.summary-kda p span{color:#d0bce8}.summary-awards{text-align:center;align-self:stretch;padding-top:4px}.summary-awards>small{font-size:12px;color:#989898;font-weight:600}.summary-awards>strong{display:block;font-size:16px;line-height:24px;margin-top:10px}.summary-awards>strong small{font-size:12px;color:#989898}.summary-awards>div{display:flex;justify-content:center;gap:16px;margin-top:20px}.summary-awards em{display:block;min-width:37px;padding:0 7px;font-size:10px;line-height:16px;font-weight:800;color:var(--gold);background:color-mix(in srgb,var(--accent) 5.1%,transparent);border-top:1px solid #ffffff0d;border-radius:5px}.summary-awards>div>span:last-child em{color:var(--primary)}.summary-awards b{display:block;color:#ccc;font-size:14px;line-height:20px;margin-top:4px}.history-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0;height:38px}.history-toolbar:has(+.history-filter-disclosure[data-open=true]){margin-bottom:4px}.history-toolbar .role-filter{display:flex;align-items:center;gap:4px;padding:0;background:none;border:0}.history-toolbar .role-filter button{height:36px;width:36px;padding:6px;border-radius:6px}.history-toolbar .role-filter .source-icon{width:23px!important;height:23px!important;opacity:1;filter:none}.history-toolbar .role-filter button.selected{background:var(--primary);color:var(--header);box-shadow:none}.history-toolbar .segmented{height:35px;padding:0;background:color-mix(in srgb,var(--accent) 3.92%,transparent);border:0;border-top:1px solid #ffffff1a;border-radius:4px}.history-toolbar .segmented button{font-size:12px;padding:8px 10px;line-height:18px;font-weight:600;color:#989898}.history-toolbar .segmented button.active{background:var(--surface);color:var(--text)}.history-filter-toggle{display:flex;align-items:center;gap:12px;height:38px;margin-left:auto;padding:8px 10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 10.2%,transparent);border-radius:6px;color:var(--text);font-size:14px;font-weight:600}.history-filter-toggle>svg:last-child{color:#666a70}.history-filter-disclosure,.match-disclosure{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}.history-filter-disclosure[data-open=true],.match-disclosure[data-open=true]{grid-template-rows:1fr;opacity:1}.history-filter-disclosure>div,.match-disclosure>div{overflow:hidden;min-height:0}.history-filters{padding:12px;margin-bottom:12px;border:1px solid #ffffff0d;background:color-mix(in srgb,var(--surface) 14.9%,transparent);border-radius:4px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:69px 55px;gap:8px 0;align-items:center;justify-items:center}.history-filters .profile-queue-tabs{grid-column:1;grid-row:1;width:314px;max-width:100%;height:69px;display:grid;grid-template-columns:repeat(5,1fr)}.history-filters .profile-queue-tabs button{padding:8px 10px;height:34px}.history-filter-fields{display:contents}.score-filters{grid-column:2;grid-row:1;display:flex;gap:20px}.score-filters button{display:flex;align-items:center;gap:12px;padding:4px;opacity:.4;transition:opacity .2s}.score-filters button:nth-child(1){color:#f59451}.score-filters button:nth-child(2){color:#a1e4f9}.score-filters button:nth-child(3){color:#ffe8a3}.score-filters small{font-size:14px;color:#cdcecf}.score-filters b{font-size:16px;font-weight:900}.score-filters button:hover,.score-filters button.active{opacity:1}.history-filters .patch-select{grid-column:1;grid-row:2}.history-filters .patch-select .select-trigger{width:166px;height:44px;font-size:14px;font-weight:600;border-color:#989898;background:var(--surface)}.history-filters .patch-select>svg{transform:rotate(180deg)}.history-champion-filters{grid-column:2;grid-row:2;display:flex;align-items:center;gap:20px;color:#989898}.profile-champion-filter{position:relative;display:flex}.profile-champion-trigger{display:flex;width:55px;height:55px;align-items:center;justify-content:center;border:1px solid #363a3d;background:color-mix(in srgb,var(--surface) 60%,transparent);border-radius:4px;color:#62666a;font-size:20px;font-weight:700;overflow:hidden;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 12.16%,transparent)}.profile-champion-trigger img{width:100%;height:100%}.profile-champion-clear{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface);border:1px solid #ffffff33}.profile-champion-popover{z-index:160;width:195px;max-height:297px;overflow-y:auto;padding:3px 8px 0;background:var(--header);border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 12px #0004;animation:select-in .15s ease-out}.profile-champion-popover input{width:100%;height:32px;font-size:14px;font-weight:600;padding:0 4px;border:1px solid #363a3d;border-radius:4px;background:var(--surface);outline:none}.profile-champion-popover [role=listbox]{padding:0 4px}.profile-champion-popover [role=option]{display:flex;width:100%;text-align:left;align-items:center;gap:8px;padding:4px 8px;height:28px;font-size:12px;font-weight:300;border-radius:4px}.profile-champion-popover [role=option] img{transform:scale(1.5);clip-path:inset(8%);border-radius:12px}.profile-champion-popover [role=option] span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-champion-popover [role=option][aria-selected=true]{background:var(--surface);font-weight:900}.match-group+.match-group{margin-top:12px}.match-day{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;min-height:24px}.match-day h3{font-size:16px;line-height:24px;font-weight:800}.match-day>div{display:flex;align-items:center;gap:12px}.match-day>div>span{font-size:10px;font-weight:700;line-height:14px;padding:3px 6px;border-top:1px solid #ffffff0d;border-radius:6px;background:color-mix(in srgb,var(--accent) 3.92%,transparent);white-space:nowrap}.day-win{color:var(--brand-gold)}.day-loss{color:#e14042}.match-card{border-top:1px solid #ffffff1a;border-radius:4px;position:relative;margin-bottom:4px;animation:match-enter .2s ease}@keyframes match-enter{0%{opacity:0}to{opacity:1}}.match-win{background:color-mix(in srgb,var(--victory) 20%,transparent)}.match-loss{background:#f7665e33}.match-summary{display:flex;align-items:center;height:62px;padding:3px 0 3px 12px}.match-result{flex-shrink:0;width:80px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.match-result>small{display:flex;gap:8px;font-size:10px;line-height:14px;font-weight:600;color:#ccc;white-space:nowrap}.match-result>small>span{color:#989898}.match-result>b{font-size:12px;line-height:18px;font-weight:600}.match-result>strong{display:flex;align-items:baseline;gap:2px;height:20px;background:color-mix(in srgb,var(--accent) 10.2%,transparent);border-top:1px solid #ffffff0d;border-radius:4px;padding:0 4px;line-height:19px;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 12.16%,transparent)}.match-result>strong b{font-size:20px;font-weight:900;line-height:20px}.match-result>strong>span{font-size:14px;font-weight:900}.match-result>strong small{font-size:10px;font-weight:800}.match-result>strong i{margin-left:4px;background:var(--surface);border:1px solid #ffffff12;border-radius:50%;width:14px;line-height:14px;height:14px;color:#ccc;font-size:10px;text-align:center;font-style:normal}.lp-win{color:var(--primary)}.lp-loss{color:#f7665e}.match-main{flex:1;min-width:0;padding:0 12px;display:grid;grid-template-columns:76px minmax(0,1fr) 251px 95px;align-items:center;gap:12px}.champion-pair{position:relative;width:40px;height:40px}.pair-portrait{display:block;width:40px;height:40px;border:1px solid #ffffff1a;border-radius:4px;overflow:hidden;position:relative;z-index:1;transition:opacity .2s}.pair-portrait img{width:100%;height:100%;transform:scale(1.2)}.pair-portrait:hover{opacity:.8}.partner-portrait{position:absolute;width:28px;height:28px;top:-2px;right:-20px;overflow:hidden;border-radius:4px;border:1px solid #ffffff1a;opacity:.8}.partner-portrait img{width:100%;height:100%;transform:scale(1.1)}.partner-role,.pair-role{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid #ffffff1a;border-radius:3px;z-index:2;color:#aaa}.partner-role{width:16px;height:16px;top:16px;right:-24px}.pair-role{width:20px;height:20px;bottom:-4px;left:-6px}.champion-pair .role-icon{opacity:1;filter:none}.versus-label{position:absolute;left:6px;bottom:-11px;font-size:10px;font-weight:800;line-height:14px;background:var(--surface);border-radius:3px;padding:1px 6px;z-index:2;color:#ccc}.match-combat{display:flex;align-items:center;padding:0 8px;gap:6px;min-width:0}.match-kda{width:100px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px}.match-kda>b{font-size:16px;line-height:24px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.match-kda>b span{color:#ccccccb3;font-size:12px;font-weight:200;margin:0 4px}.match-kda em{color:#fa837d}.match-kda>small{font-size:8px;line-height:12px;font-weight:600;height:14px;padding:0 4px;background:linear-gradient(118deg,#d7eded29 -47.79%,#ccebeb00);border-top:1px solid #ffffff1a;border-radius:6px;white-space:nowrap}.good-team{color:var(--brand-gold)}.poor-team{color:#e14042}.average-team{color:#d6c2e9}.match-numbers{flex:1;font-size:10px;line-height:14px;color:#ccc;padding-left:4px}.match-numbers span{display:block;white-space:nowrap}.match-numbers span:first-child{font-weight:600;color:#989898;line-height:16px}.match-equipment{display:flex;align-items:center;gap:15px;padding-left:20px}.match-loadout{display:flex;align-items:center;background:var(--surface);border:1px solid #ffffff1a;border-radius:6px;padding:4px;flex-shrink:0}.summoner-icons,.match-keystones{display:flex;flex-direction:column;gap:2px}.summoner-icons{margin-right:8px}.summoner-icons img,.match-keystones img{width:22px;height:22px;border-radius:4px;border:1px solid #ffffff1a;filter:brightness(.9) contrast(1.1)}.match-keystones .secondary-rune{padding:2px}.loadout-separator{width:16px;flex-shrink:0}.match-items{display:grid;grid-template-columns:repeat(4,18px);grid-template-rows:repeat(2,18px);gap:2px}.match-items>*{width:18px;height:18px;border:1px solid #ffffff1a;border-radius:4px;filter:brightness(.9) contrast(1.1)}.match-items>.empty-item{background:transparent;filter:none}.match-items>.empty-item:last-child{visibility:hidden}.match-score{display:flex;justify-content:flex-end}.match-score>button{display:flex;align-items:center;padding:0;border:1px solid #ffffff1a;border-radius:30px;background:color-mix(in srgb,var(--surface) 70.2%,transparent);height:40px}.match-score>button:hover{background:var(--surface);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 13.33%,transparent)}.match-score>button>span:first-child{display:flex;flex-direction:column;align-items:center;padding:0 8px 0 12px}.match-score b{font-size:16px;line-height:20px;font-weight:900}.match-score small{color:#ccc;font-size:10px;line-height:14px;font-weight:700}.score-ring{position:relative;display:inline-block;border-radius:50%;overflow:hidden;width:36px;height:36px;flex-shrink:0;background:none}.score-ring img,.score-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.score-ring circle{transition:stroke-dashoffset .55s ease}.match-expand{align-self:stretch;width:30px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#777b83;background:linear-gradient(90deg,#ffffff05,color-mix(in srgb,var(--accent) 3.92%,transparent))}.match-expand:hover{color:#ccc;background:color-mix(in srgb,var(--accent) 10.2%,transparent)}.match-expand svg{transition:transform .2s}.expanded .match-expand svg{transform:rotate(180deg)}.match-detail{background:color-mix(in srgb,var(--header) 80%,transparent);padding:0 12px 12px;border-radius:0 0 4px 4px}.match-detail-tabs{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff1a;height:42px;margin-bottom:8px}.match-detail-tabs button{display:flex;align-items:center;gap:8px;height:100%;padding:8px 12px;font-size:12px;color:#989898;position:relative}.match-detail-tabs button.active{color:var(--text)}.match-detail-tabs button.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}.match-detail .participants{display:flex;flex-direction:column;gap:12px}.match-detail .participant-table td{height:48px}.match-runes{display:flex;align-items:center;gap:16px;padding:20px}.score-explanation{display:flex;align-items:center;gap:20px}.score-explanation .score-ring{width:70px;height:70px}.champion-view-tabs{display:flex;gap:8px;margin-bottom:14px}.champion-view-tabs button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:5px;font-size:12px;color:#989898;background:color-mix(in srgb,var(--accent) 3.14%,transparent)}.champion-view-tabs button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 12.55%,transparent)}.champion-stats-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.champion-stats-controls>span{font-size:12px;color:#989898}.profile-champion-table{background:color-mix(in srgb,var(--accent) 3.14%,transparent);border-top:1px solid #ffffff1a;border-radius:6px;overflow:hidden}.profile-champion-table-head,.profile-champion-table-row{display:grid;width:100%;grid-template-columns:2fr 1fr 2fr 2fr 1fr 1fr 1fr 1fr;text-align:center;align-items:center;gap:1px;padding:4px 12px}.profile-champion-table-head{height:42px;color:#989898;font-size:12px}.profile-champion-table-head button{display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 0}.profile-champion-table-entry{border-top:1px solid #ffffff08}.profile-champion-table-entry:nth-child(2n){background:color-mix(in srgb,var(--accent) 1.57%,transparent)}.profile-champion-table-row{height:44px;font-size:14px;font-weight:700}.profile-champion-table-row:hover{background:color-mix(in srgb,var(--accent) 3.92%,transparent)}.season-champion{display:flex;gap:12px;align-items:center;position:relative;padding-left:28px;text-align:left}.season-champion>small{position:absolute;left:0;font-size:11px;color:#ccc}.season-portrait{width:64px;height:32px;overflow:hidden;border-radius:4px;flex-shrink:0}.season-portrait img{width:100%;height:100%;transform:scale(1.1)}.season-champion b{font-size:14px;min-width:80px}.season-winrate{display:flex;align-items:center;justify-content:center;gap:4px}.season-winrate small{font-size:10px;font-weight:500;opacity:.8}.season-kda{font-size:12px;font-weight:600;white-space:nowrap}.season-kda b{color:var(--accent);margin-left:4px}.season-score{color:#a1e4f9}.last-five{display:flex;gap:3px;justify-content:center;align-items:center}.last-five i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:9px;font-style:normal}.last-five .win{background:color-mix(in srgb,var(--brand-gold) 50.2%,transparent)}.last-five .loss{background:#e45b7099}.last-five svg{flex-shrink:0}.season-matches{padding:12px}.lens-controls{padding:8px 20px;border:1px solid #ffffff1a!important}.lens-control-row{display:flex;align-items:center;gap:16px;min-height:40px}.lens-control-row h2{padding-right:16px;border-right:1px solid #ffffff1a;display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;line-height:32px;white-space:nowrap;letter-spacing:-1px}.lens-mode{display:flex;align-items:center;gap:8px;padding:2px 12px;min-height:30px;border:1px solid #ffffff12;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:900}.lens-mode button{width:44px;height:24px;transform:scale(.8);background:#ffffff1a;border-radius:20px;padding:2px}.lens-mode i{display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.lens-mode button[aria-checked=true] i{transform:translate(20px)}.lens-control-row .role-filter{gap:2px}.lens-control-row .role-filter button{width:26px;height:26px;padding:4px}.lens-total{display:flex;gap:20px;align-items:center;margin-left:auto;text-align:center;white-space:nowrap}.lens-total small{display:block;color:#989898;text-transform:uppercase;font-size:9px}.lens-compare{display:flex;gap:8px;align-items:center;height:42px;padding-top:8px}.lens-compare>b{font-size:12px;font-weight:900;margin-right:8px}.lens-compare>span{border:1px solid #ffffff1a;border-radius:4px;padding:6px 10px;font-size:10px;font-weight:800}.lens-compare input{background:var(--surface);border:1px solid #ffffff1a;border-radius:4px;padding:5px 10px;width:250px}.lens-tabs{display:flex;gap:4px;margin:8px 0}.lens-tabs button{line-height:18px;flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 4px;color:#989898;background:color-mix(in srgb,var(--accent) 1.96%,transparent);border-radius:4px;font-size:12px;font-weight:800;white-space:nowrap}.lens-tabs button.active{color:#eee;background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 7.84%,transparent)}.lens-overview{padding:32px 40px;display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;min-height:520px}.lens-category-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px 16px;align-content:center}.lens-category-card{height:85px;padding:0;border-radius:8px;background:color-mix(in srgb,var(--accent) 8.24%,transparent);overflow:hidden}.lens-category-card:last-child{grid-column:span 2}.lens-category-card h3{font-size:12px;font-weight:900;line-height:16px;height:31px;display:flex;justify-content:center;gap:8px;align-items:center;border-bottom:1px solid #ffffff0d}.lens-category-card h3 small{font-size:8px;color:#f59451}.lens-category-card>div{display:flex;align-items:center;justify-content:center;gap:8px;height:54px}.lens-category-card>div>b{font-size:16px;margin-left:4px}.lens-category-card .score-ring{width:40px;height:40px}.lens-category-card .profile-image{border:0;border-radius:50%}.lens-category-card:hover{background:color-mix(in srgb,var(--accent) 14.51%,transparent)}.lens-graph{position:relative;width:100%;aspect-ratio:640/580;align-self:center}.lens-graph>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lens-node{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:6px;border:1px solid #ffffff33;background:linear-gradient(to top,var(--node-color) var(--fill),var(--surface) 0);box-shadow:0 0 12px color-mix(in srgb,var(--node-color) 70%,transparent)}.lens-node .source-icon{z-index:1}.lens-node:hover{scale:1.08}.lens-node.central{background:#242026;border-radius:14px;font-size:28px;box-shadow:0 0 8px #fff3}.lens-category-detail{display:grid;grid-template-columns:240px 1fr;padding:20px;gap:20px}.lens-subcategories{display:flex;flex-direction:column;gap:8px}.lens-subcategories button{background:color-mix(in srgb,var(--accent) 3.92%,transparent);border-radius:6px;text-align:left;padding:12px}.lens-subcategories button.active{background:color-mix(in srgb,var(--accent) 12.55%,transparent)}.lens-subcategories span{display:flex;align-items:center;gap:12px;padding-top:8px}.lens-subcategories span b{margin-left:auto;color:var(--accent)}.lens-metric-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lens-metric-tabs button{padding:8px 12px;border-radius:6px;color:#989898;background:color-mix(in srgb,var(--accent) 3.14%,transparent);font-size:11px}.lens-metric-tabs button.active{background:color-mix(in srgb,var(--accent) 12.55%,transparent);color:#ddd}.lens-metric-tabs strong{display:block;color:#eee;font-size:14px}.lens-benchmark{margin-top:24px;text-align:center}.lens-benchmark>strong{display:block;font-size:32px;color:#a1e4f9}.benchmark-bars{display:flex;justify-content:space-around;gap:8px;align-items:flex-end;height:250px}.benchmark-bars>div{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:10px}.benchmark-bars i{width:24px;background:linear-gradient(color-mix(in srgb,var(--primary) 33.33%,transparent),color-mix(in srgb,var(--primary) 3.14%,transparent));border-top:2px solid var(--primary)}.lens-progress-note{padding:20px;margin-top:12px}@media(min-width:1536px){.profile-heading-inner,.profile-page{max-width:1024px}}@media(max-width:1100px)and (min-width:950px){.profile-grid{grid-template-columns:225px minmax(0,1fr)}.match-main{grid-template-columns:62px minmax(0,1fr) 215px 66px;gap:6px}.match-equipment{padding-left:4px;gap:8px}.match-kda{width:78px}.match-kda>b{font-size:14px}.match-score>button>span:first-child{padding:0 5px}.match-score .score-ring{width:30px;height:30px}.rank-card-title{gap:4px}.rank-card-title strong{font-size:12px}.recent-grid{padding:0 12px}.summary-champions small{margin-left:6px}}@media(max-width:949px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{max-width:none}.profile-top .subnav,.profile-identity{justify-content:center}.rank-card{min-height:0}.rank-chart{height:auto;aspect-ratio:16/9}.rank-peak{height:29px}.profile-sidebar>.profile-queue-tabs{width:fit-content;align-self:center}.profile-sidebar .champion-performance,.role-performance,.played-with{display:block}.profile-grid{gap:16px}.match-summary{height:auto;flex-direction:column;padding:3px 0}.match-result{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0 30px;margin-bottom:10px}.match-result>small{flex-direction:column;gap:0}.match-main{width:100%;grid-template-columns:60px 1fr 64px;padding:0 30px;gap:12px}.match-combat{padding:0;justify-content:center}.match-equipment{grid-column:1/4;grid-row:2;justify-content:center;padding:8px 0}.match-equipment .opponent-pair{display:none}.match-equipment .match-loadout{border:0;background:none;padding:0}.match-score{grid-column:3;grid-row:1}.match-expand{height:20px;width:100%}.match-main>.champion-pair{grid-column:1;grid-row:1}.match-combat{grid-column:2;grid-row:1}.match-score>button{background:none;border:0}.match-score .score-ring{display:none}.match-kda{width:90px}.match-kda>b{font-size:14px}.champion-stats-controls{flex-wrap:wrap}.profile-champion-table-head,.profile-champion-table-row{grid-template-columns:3fr 1fr 2fr 2fr;padding:4px 8px}.profile-champion-table-row>:nth-child(n+5),.profile-champion-table-head>:nth-child(n+5){display:none}.season-winrate small,.season-kda b{display:none}.season-kda{font-size:10px}.season-champion{gap:5px;padding-left:20px}.season-champion b{font-size:10px;min-width:0}.season-portrait{width:40px;height:32px}.lens-control-row{flex-wrap:wrap}.lens-overview{grid-template-columns:1fr;padding:20px}.lens-graph{max-width:640px;margin:auto}.lens-tabs{flex-wrap:wrap}.lens-tabs button{flex:1 0 20%}.lens-category-detail{grid-template-columns:1fr}.lens-subcategories{flex-direction:row;flex-wrap:wrap}.lens-compare{flex-wrap:wrap;height:auto;padding:12px 0}}@media(max-width:639px){.profile-heading-inner{width:100%}.profile-top{padding-top:0}.profile-sidebar>.role-performance,.profile-sidebar>.played-with{display:none}.profile-identity{min-height:91px;margin-bottom:12px}.profile-title{height:auto;display:grid;grid-template-columns:auto auto;gap:4px}.profile-title h1{font-size:20px;line-height:28px;font-weight:600;grid-column:1/3}.profile-title h1 small{font-size:14px;font-weight:500}.profile-title .region-tag{display:none}.profile-pro{font-size:12px}.profile-pro .pro-tag{padding:3px 6px;font-size:10px;line-height:17px}.profile-actions{margin-top:4px}.profile-avatar{margin-top:6.5px}.profile-social{display:none}.profile-top .subnav a[href$="/lens"]{font-size:0}.profile-top .subnav a[href$="/lens"]:before{content:"Lens";font-size:12px;order:2}.favorite-button{position:absolute;right:12px;top:6px}.profile-top .subnav{height:48px;gap:0}.profile-top .subnav a{font-size:12px;padding:12px;gap:6px}.profile-top .subnav a[href$="/aram"]{display:none}.profile-top .subnav .source-icon,.profile-top .subnav svg{width:14px!important;height:14px!important}.profile-page{width:calc(100% - 40px);margin-top:14px}.rank-card-title{padding:8px 16px 0}.rank-card-title strong{font-size:14px}.rank-card-title b{font-size:12px}.rank-card-title>img{width:40px;height:40px}.rank-label{margin:12px auto}.rank-gains{font-size:10px;margin-bottom:8px;gap:12px}.rank-chart{padding:0 12px 8px;height:auto;aspect-ratio:16/9}.rank-chart .chart{height:100%!important}.rank-peak>span{font-size:9px}.profile-sidebar{gap:12px}.profile-sidebar .profile-queue-tabs{height:35px}.profile-sidebar .profile-queue-tabs button{padding:8px 16px}.performance-row{height:38px}.champion-performance{padding:12px 8px}.recent-summary{height:auto;padding-bottom:8px}.recent-grid{flex-wrap:wrap;height:auto;justify-content:space-around;padding:0 10px;gap:12px}.summary-awards{display:none}.summary-kda>strong{font-size:28px}.summary-kda p{font-size:11px}.summary-champions{gap:4px}.summary-champions img{width:28px;height:28px}.summary-champions small{font-size:10px;margin-left:6px}.summary-champions strong{font-size:10px}.recent-summary h3{font-size:11px}.history-toolbar{flex-wrap:wrap;height:auto;gap:8px}.history-toolbar>.role-filter{flex:1;justify-content:space-between}.history-toolbar .role-filter button{width:32px;height:32px}.history-toolbar>.segmented{order:3}.history-filter-toggle{font-size:12px;gap:6px;height:32px;padding:6px}.history-toolbar>.role-filter .source-icon{width:20px!important;height:20px!important}.match-day{flex-wrap:wrap;gap:6px}.match-day h3{font-size:14px}.match-day>div{gap:4px}.match-day>div>span{font-size:8px;padding:2px 4px}.match-result{padding:0 20px}.match-main{padding:0 20px;grid-template-columns:52px 1fr 42px;gap:8px}.champion-pair,.pair-portrait{width:32px;height:32px}.match-kda{width:70px}.match-kda>b{font-size:12px}.match-kda>b span{margin:0 3px}.match-numbers{font-size:9px}.match-numbers span:first-child{line-height:14px}.match-detail{padding:0 6px 8px}.match-detail-tabs{gap:8px}.match-detail-tabs button{padding:8px}.match-detail .participants{overflow-x:auto}.match-detail .participant-table{min-width:520px}.history-filters{padding:8px}.history-filters .profile-queue-tabs{flex-wrap:wrap;height:auto}.history-filters .profile-queue-tabs button{flex:auto;padding:6px;font-size:10px}.lens-control-row h2{font-size:18px}.lens-mode{font-size:9px;gap:6px}.lens-controls{padding:12px}.lens-control-row{gap:8px}.lens-total{margin-left:0}.lens-compare input{width:100%}.lens-tabs button{font-size:8px;gap:4px}.lens-category-cards{gap:12px}.lens-category-card h3{font-size:8px;gap:4px}.lens-category-card>div{gap:4px}.lens-category-card .score-ring{width:30px;height:30px}.lens-overview{padding:12px}.lens-node.central{font-size:20px}.lens-node{scale:.7}.benchmark-bars{gap:3px}.benchmark-bars i{width:16px}}@media(prefers-reduced-motion:reduce){.player-profile *,.player-profile *:before{animation:none!important;transition:none!important}}html[data-reduce-motion=true] .player-profile *{animation:none!important;transition:none!important}.match-detail{background:none;padding:0}.match-detail-tabs{gap:0;height:42px;margin:0;border:0}.match-detail-tabs button{flex:1;justify-content:center;font-size:12px;font-weight:600}.match-detail-tabs button.active{background:color-mix(in srgb,var(--header) 20%,transparent);border-radius:4px}.match-detail-tabs button.active:after{display:none}.match-detail .participants{padding:0 8px 12px;gap:12px;border:1px solid #ffffff1a;border-top:0;border-radius:16px;background:color-mix(in srgb,var(--header) 50.2%,transparent)}.participant-team .team-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0;background:none}.team-heading>div{display:flex;align-items:center;gap:8px}.team-heading>div>b{color:var(--brand-gold);font-size:16px}.team-defeat .team-heading>div>b{color:#e14042}.team-heading>div>small{color:#989898;font-size:12px;font-weight:600;white-space:nowrap}.team-objectives{display:flex;width:320px;justify-content:space-around;align-items:center}.team-objectives>span{display:flex;align-items:center;font-size:20px;font-weight:700;color:#ccc}.team-objectives .source-icon{color:var(--primary);margin-left:-2px}.team-objectives>span:nth-child(2) .source-icon{color:var(--gold)}.team-objectives>span:nth-child(5) .source-icon{color:#b5df90}.team-heading>.button{background:none;border:0;font-size:9px;padding:4px}.participant-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:46px;margin-bottom:5px}.participant-placement{min-width:30px;padding:2px 4px;text-align:center;background:color-mix(in srgb,var(--accent) 3.92%,transparent);border-top:1px solid #ffffff0d;border-radius:4px;font-size:10px;color:#ccc;font-weight:700}.participant-placement.mvp{color:var(--gold)}.participant-champion{position:relative;width:34px;height:34px;flex-shrink:0}.participant-champion img{border-radius:3px}.participant-champion small{position:absolute;bottom:-3px;right:-3px;background:var(--surface);font-size:9px;font-weight:600}.participant-identity{width:130px;min-width:0;margin-left:1px;font-size:12px;display:flex;flex-direction:column;overflow:hidden}.participant-identity b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.participant-identity small{display:flex;align-items:center;gap:3px;color:#989898;font-size:10px}.participant-row .match-loadout{background:none;border:0;padding:0}.participant-row .summoner-icons{margin-right:8px}.participant-row .summoner-icons img,.participant-row .match-keystones img{width:18px;height:18px}.participant-row .match-items{grid-template-columns:repeat(4,18px)}.participant-row .loadout-separator{width:16px}.participant-kda{display:flex;justify-content:center;align-items:center;gap:4px;min-width:120px;font-size:16px;font-weight:600;color:#ccc}.participant-kda i{font-size:12px;font-style:normal;font-weight:200;color:#989898}.participant-kda em{color:#fa837d}.participant-kp,.participant-farm{display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:700}.participant-kp small,.participant-farm small{color:#989898;font-size:9px;font-weight:400}.participant-farm{color:#ffebad}.participant-damage{position:relative;width:80px;min-width:80px;padding-top:12px}.participant-damage:before{content:"";position:absolute;top:0;width:100%;height:8px;border-radius:5px;background:color-mix(in srgb,var(--accent) 10.2%,transparent)}.participant-damage>i{display:block;position:absolute;top:0;height:8px;background:#a7ba90;border-radius:5px}.participant-damage small{display:block;font-size:9px;line-height:12px;white-space:nowrap}.participant-damage small>span{color:#989898}.participant-score{min-width:50px;font-size:16px;text-align:center}.participant-extra{display:flex;flex:1;justify-content:space-around;text-align:center}.participant-extra>span{color:#989898;font-size:10px}.participant-extra b{display:block;color:#ddd;font-size:14px}@media(max-width:1200px){.team-objectives{width:230px}.participant-kda{min-width:95px}.participant-identity{width:110px}}@media(max-width:949px){.team-objectives{width:230px}.participant-row{min-width:690px}.participant-team{overflow-x:auto}.team-heading{min-width:690px}}@media(max-width:639px){.team-objectives{display:none}.participant-row{min-width:550px}.participant-row .match-loadout{display:none}.participant-kda{min-width:85px}.team-heading{min-width:0}.team-heading>div>b{font-size:13px}.team-heading>div>small{font-size:10px}}.lens-rank{display:flex;align-items:center;gap:4px;border:1px solid #ffffff1a;border-radius:4px;padding-left:12px;background:var(--surface);height:34px;min-width:162px}.lens-rank .select{border:0;background:none}.lens-rank .select-trigger{font-size:10px;font-weight:900;border:0;background:none;padding-left:0;height:32px}.lens-player-search{position:relative}.lens-search-results{position:absolute;z-index:5;top:100%;left:0;min-width:250px;border:1px solid #ffffff1a;background:var(--surface);border-radius:6px;box-shadow:0 8px 24px #0008}.lens-search-results button,.lens-search-results>span{display:flex;width:100%;align-items:center;gap:8px;padding:10px;font-size:12px}.lens-search-results button:hover{background:color-mix(in srgb,var(--accent) 8.24%,transparent)}.lens-progress{padding:24px}.lens-progress .segmented{width:fit-content;margin:16px 0}.lens-comparison-value{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px}.benchmark-bars>button{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:10px;padding:4px;border-radius:5px}.benchmark-bars>button.selected{background:color-mix(in srgb,var(--accent) 7.06%,transparent)}.benchmark-bars>button:hover{background:color-mix(in srgb,var(--accent) 3.92%,transparent)}@media(max-width:639px){.rank-label{margin-top:10px}.rank-peak{height:27px}}.performance-row>img{width:36px;height:36px}.profile-identity:not(:hover) .favorite-button:not(:focus-visible){opacity:0}.played-with{display:flex;flex-direction:column;gap:12px}.played-with h3{margin:0}.played-with a{padding:0 2px;border-radius:6px;transition:background .2s}.played-with a:hover{background:color-mix(in srgb,var(--accent) 10.2%,transparent)}.played-with-name{flex:1;min-width:0;display:flex;flex-direction:column}.played-with-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold);font-size:12px}.played-with small{font-size:11px;font-weight:400;color:#989898;white-space:nowrap}.played-with-results{display:flex;flex-direction:column;align-items:flex-end;font-size:12px}.profile-pings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:12px;padding:12px 8px}.profile-pings h3{grid-column:1/-1;margin:0 0 4px;padding:0 8px}.profile-pings>div{display:flex;flex-direction:column;align-items:center}.profile-pings img{margin-bottom:4px;filter:brightness(.9) contrast(1.15)}.profile-pings b{font-size:16px;font-weight:700;opacity:.9}.profile-pings small{font-size:12px;font-weight:300;color:#989898;position:relative;top:-2px}.match-detail-tabs{height:42px}.match-detail-tabs button.active{background:color-mix(in srgb,var(--header) 40%,transparent)}.match-detail-tabs svg{width:16px;height:16px}.match-rune-teams,.match-deep-detail{border:1px solid #ffffff1a;border-top:0;border-radius:16px;background:color-mix(in srgb,var(--header) 50.2%,transparent);padding:12px 8px}.match-rune-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.match-rune-team+.match-rune-team{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff1a}.match-rune-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}.rune-champion{width:57px;height:57px;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.rune-champion img{width:55px;height:55px;transform:scale(1.2)}.match-rune-keystone{position:absolute;top:48px;width:32px;height:32px;background:var(--bg);border:1px solid #ffffff1a;border-radius:50%;z-index:1;filter:brightness(.95) contrast(1.1)}.match-rune-rows{display:flex;flex-direction:column;align-items:center;gap:4px}.match-rune-rows>div{display:flex;gap:4px}.match-rune-rows img{width:25px;height:25px;border-radius:50%;border:1px solid #ffffff1a;background:var(--bg)}.match-stat-shards img{width:20px;height:20px}.match-player-tabs{display:flex;align-items:center;justify-content:space-between;gap:0;border:1px solid transparent}.match-player-tabs button{position:relative;padding:12px 20px;border-radius:4px;transition:background .2s}.match-player-tabs button.active{background:color-mix(in srgb,var(--accent) 30.2%,transparent)}.match-player-tabs button:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.match-player-tabs .champion-image{width:36px;height:auto;border-radius:12px;transform:scale(1.9)}.match-player-tabs .source-icon{position:absolute;bottom:1px;left:6px;background-color:#ccc;border:2px solid var(--bg)}.match-versus{display:flex;justify-content:center;width:160px;font-size:24px;font-style:italic;font-weight:900;text-align:center}.match-deep-panels{margin:8px;display:flex;flex-direction:column;gap:8px}.match-metric-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.match-metric-card{padding:6px 8px;border:1px solid #ffffff1a;border-radius:4px;background:color-mix(in srgb,var(--accent) 5.1%,transparent);display:flex;flex-direction:column;gap:12px}.match-metric-card h4{margin:0;font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase;color:#ccc;display:flex;align-items:center;gap:8px}.match-metric-cards .match-metric-card:nth-child(1) h4 .source-icon{color:#b5df90}.match-metric-cards .match-metric-card:nth-child(2) h4 .source-icon{color:var(--gold)}.match-metric-cards .match-metric-card:nth-child(3) h4 .source-icon{color:#a1e4f9}.match-metric-cards .match-metric-card>div{display:flex;justify-content:space-between;align-items:center;gap:4px}.match-metric-cards .match-metric-card>div>span{display:flex;flex-direction:column;align-items:center;font-size:14px}.match-metric-cards small{font-size:9px;color:#989898;line-height:20px}.match-purchase-order{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px}.match-purchase-order>div{display:flex;flex-direction:column;align-items:center;gap:2px}.match-purchase-order>div>span{display:flex;gap:2px}.match-purchase-order>svg{margin-top:4px;color:#989898;flex-shrink:0}.match-purchase-order small{font-size:10px;line-height:16px;font-weight:300;color:#ccc}.match-purchase-order i{position:relative}.match-purchase-order i.removed img{opacity:.45}.match-purchase-order i.removed:after{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f26d72;font-size:30px;font-style:normal;font-weight:300}.match-purchase-order img{border:1px solid #ffffff1a;border-radius:6px}.match-skill-order{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 4px}.match-skill-row{display:flex;gap:8px;height:22px}.match-skill-row>span:not(.skill-portrait){width:20px;border:1px solid #7171711a;border-radius:4px;background:#ffffff1a;display:grid;place-items:center;font-size:14px;font-weight:700}.skill-portrait{position:relative;margin-right:8px}.skill-portrait img{width:24px;height:24px;border-radius:6px}.skill-portrait small{position:absolute;left:5px;bottom:-8px;width:14px;height:14px;text-align:center;border-radius:6px;border:1px solid #ffffff33;background:color-mix(in srgb,var(--bg) 90.2%,transparent);color:#ccc;font-size:10px;line-height:12px}.skill-q>.learned{background:#2e65d9!important}.skill-w>.learned{background:#ffb43c!important}.skill-e>.learned{background:#9563ca!important}.skill-r>.learned{background:#d84043!important}.match-casts-pings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-cast-list{display:flex;justify-content:center;align-items:center;gap:16px;padding-bottom:2px}.match-cast-list>div{display:flex;flex-direction:column;align-items:center;font-size:14px}.match-cast-list>div>span{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:-4px}.match-cast-list img{width:34px;height:34px;border-radius:4px;border:1px solid #ffffff26}.match-cast-list small{position:relative;top:-8px;font-size:10px;width:16px;height:16px;text-align:center;background:var(--bg);border-radius:50%;border:1px solid #ffffff26}.match-cast-list em{font-style:normal;font-size:10px;color:#989898}.match-cast-list .summoner-cast{padding-left:12px;border-left:1px solid #ffffff33}.match-ping-list{display:flex;align-items:center;justify-content:space-between;gap:4px;height:100%}.match-ping-list>span{display:flex;flex-direction:column;align-items:center;font-size:14px}.match-ping-list img{width:40px;height:40px}.match-missing-detail{font-size:12px;font-weight:400;color:#989898;margin:0 0 8px;text-align:center}@media(max-width:1023px){.profile-pings{display:none}.match-rune-team{gap:0}.match-rune-player{gap:8px}.rune-champion{width:38px;height:38px}.rune-champion img{width:36px;height:36px}.match-rune-keystone{top:32px;width:24px;height:24px}.match-rune-rows{transform:scale(.7);transform-origin:center top;margin-top:12px;margin-bottom:-24px;gap:4px}.match-player-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:12px}.match-player-tabs button{justify-self:center;padding:4px 6px}.match-versus{display:none}.match-metric-cards{grid-template-columns:1fr}.match-metric-cards .match-metric-card>div{justify-content:space-around}.match-skill-row{gap:2px;height:18px}.match-skill-row>span:not(.skill-portrait){width:13px;font-size:10px}.match-skill-row .skill-portrait{display:none}.match-cast-list{gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.match-cast-list .summoner-cast{padding:0;border:0}.match-cast-list img{width:24px;height:24px}.match-ping-list{display:grid;grid-template-columns:repeat(3,1fr)}.match-ping-list img{width:32px;height:32px}}body:has(.score-modal) .modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009;animation-duration:.1s}.score-modal{top:100px;transform:translate(-50%);width:600px;padding:24px;max-height:calc(100dvh - 120px);display:flex;flex-direction:column;gap:16px;text-align:center;background:var(--bg);border-color:#ffffff0d;box-shadow:0 10px 15px -3px #0002;animation:score-dialog-enter .1s ease-out}@keyframes score-dialog-enter{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.score-modal .modal-title{margin:0;padding:0;font-size:24px;line-height:32px;font-weight:600}.score-modal .modal-close{opacity:0;width:24px;height:24px}.score-modal .modal-close:focus-visible,.score-modal .modal-close:hover{opacity:1}.score-dialog-value{display:flex;align-items:center;justify-content:center;gap:28px;padding-bottom:8px}.score-dialog-value>span{position:relative}.score-dialog-value a{display:block;width:58px;height:58px;overflow:hidden;border:1px solid #ffffff1a;border-radius:4px}.score-dialog-value .champion-image{transform:scale(1.2)}.score-dialog-value .source-icon{position:absolute;bottom:-4px;left:-6px;border:1px solid #ffffff1a;border-radius:4px}.score-dialog-value>b{font-size:48px;line-height:58px;font-weight:900}.score-dialog-body{padding:0 12px}.score-dialog-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.score-dialog-tabs button{padding:12px 0;white-space:nowrap;border-radius:4px;background:color-mix(in srgb,var(--accent) 5.1%,transparent);color:#989898;font-size:14px;line-height:20px;font-weight:600;transition:background .15s,color .15s}.score-dialog-tabs button.active{background:color-mix(in srgb,var(--accent) 30.2%,transparent);color:#dbdcf1}.score-dialog-panel{margin:12px 0;padding-bottom:8px;border:1px solid #ffffff0d;border-radius:4px;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 10.2%,transparent);background:color-mix(in srgb,var(--surface) 50%,transparent);position:relative;isolation:isolate;overflow:hidden}.score-dialog-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--brand-aura);opacity:.2}.score-dialog-panel h3{display:flex;flex-direction:column;align-items:center;margin:8px 0;font-size:24px;line-height:34px;font-weight:700;color:#ccc}.score-dialog-panel h3 b{font-size:32px;line-height:40px;font-weight:800;color:#62666a}.score-dialog-panel h3 .grade-Splus{color:var(--gold)}.score-dialog-panel h3 .grade-S{color:var(--accent)}.score-dialog-panel h3 .grade-A{color:#a1e4f9}.score-dialog-panel h3 .grade-B{color:#b5df90}.score-dialog-panel h3 .grade-C{color:#989898}.score-dialog-panel h4{display:flex;justify-content:space-between;font-size:14px;line-height:20px;text-transform:uppercase;font-style:italic;font-weight:900;color:#989898;margin:0}.score-dialog-panel h4 span{min-width:100px}.score-dialog-rows{margin-top:8px;display:flex;flex-direction:column;gap:6px}.score-dialog-rows>div{display:flex;align-items:center;justify-content:space-between;min-height:24px}.score-dialog-rows>div>b,.score-dialog-rows>div>strong{min-width:100px;font-size:16px;line-height:24px}.score-dialog-rows>div>strong{font-weight:400}.score-dialog-rows>div>span{font-size:12px;font-weight:900;color:#ccc;text-transform:uppercase}.score-method-note{font-size:11px;color:#989898;margin-top:12px}@media(max-width:767px){.score-modal{width:min(350px,calc(100% - 20px));padding:24px}.score-dialog-value a{width:48px;height:48px}.score-dialog-body{padding:0 8px}.score-dialog-tabs{display:flex;flex-wrap:wrap;justify-content:center}.score-dialog-tabs button{min-width:80px;padding:12px}.score-dialog-panel h4{font-size:12px}.score-dialog-panel h4 span,.score-dialog-rows>div>b,.score-dialog-rows>div>strong{min-width:70px}.score-dialog-rows>div>span{font-size:10px}}.profile-page.wide-profile{margin-top:16px}.lens-overview{grid-template-rows:minmax(0,1fr);align-items:center;height:525px;min-height:0;max-height:525px;padding:0 40px;gap:28px;overflow:hidden;border-radius:12px!important}.lens-category-cards{align-self:center;gap:32px 16px}.lens-graph{height:670px;width:100%;aspect-ratio:auto;transform:scale(.85)}.lens-graph-canvas{position:absolute;left:calc(50% + 6.6px);top:288.69px;width:0;height:0}.lens-graph-canvas>svg{position:absolute;width:644px;height:670px;overflow:visible;max-width:none}.lens-node{border-radius:8px}.lens-details-native{display:grid;grid-template-columns:2fr 3fr;padding:12px;gap:28px;text-align:center;border-top:1px solid #ffffff1a;background:#62666a1a;border-radius:12px}.lens-detail-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:center;gap:4px}.lens-detail-categories>button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:16px;height:180px;border-radius:12px;background:#62666a1a;border-top:1px solid #ffffff1a;transition:background .3s}.lens-detail-categories>button.active{background:#9898984d}.lens-detail-categories>button:hover{background:#98989833}.lens-detail-categories>button.wide{grid-column:span 2;flex-direction:row;height:90px}.lens-detail-label{display:flex;flex-direction:column;align-items:center;gap:4px}.lens-detail-label>.source-icon{width:32px!important;height:32px!important;border:1px solid #ffffff33;border-radius:50%;padding:6px}.lens-detail-label b{font-size:14px;line-height:20px;font-weight:600;color:#ccc}.lens-detail-label small{font-size:10px;color:#989898;font-weight:300}.lens-detail-categories>button.wide .lens-detail-label{align-items:flex-start}.lens-detail-versus{display:flex;align-items:center;gap:4px}.lens-detail-versus>small{font-size:10px;color:#ccc}.lens-detail-versus .profile-image{border:0;border-radius:50%}.lens-detail-versus>span{display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;border:1px solid #ffffff1a;border-radius:24px;background:color-mix(in srgb,var(--bg) 50.2%,transparent)}.lens-detail-versus>span b{font-size:16px;font-weight:900}.lens-detail-versus .score-ring{width:40px;height:40px}.lens-detail-content{display:flex;flex-direction:column;gap:20px}.lens-detail-content h2{font-size:20px;line-height:28px;font-weight:700;text-align:left;color:#ccc}.lens-detail-content h2 span{color:#989898;font-weight:400}.lens-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px}.lens-detail-metrics button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:8px;border-top:1px solid #ffffff1a;background:color-mix(in srgb,var(--bg) 60%,transparent);opacity:.9;transition:background .2s}.lens-detail-metrics button.active{background:color-mix(in srgb,var(--accent) 20%,transparent)}.lens-detail-metrics button:hover{background:color-mix(in srgb,var(--accent) 10.2%,transparent)}.lens-detail-metrics small{font-size:10px;font-weight:300;color:#ccc}.lens-detail-metrics strong{font-size:20px;line-height:28px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}.lens-detail-metrics .positive{color:#4ac97e}.lens-detail-metrics .negative{color:#e45b70;transform:rotate(180deg)}.lens-detail-benchmark{border-top:1px solid #ffffff33;background:color-mix(in srgb,var(--accent) 7.06%,transparent);padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;gap:20px}.lens-detail-benchmark>div{display:flex;align-items:center;justify-content:space-between}.lens-detail-value{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.lens-detail-value b{font-size:28px;font-weight:900}.lens-detail-value small{font-size:10px;font-weight:300;color:#ccc}.lens-native-bars{display:flex;gap:16px;align-items:center;justify-content:center}.lens-native-bars>div{display:flex;flex-direction:column;align-items:center;gap:4px}.lens-native-bars b{width:32px;font-size:12px;font-weight:900;margin-bottom:2px}.lens-native-bars>div>span{display:block;position:relative;width:6px;height:72px;border-radius:12px;background:color-mix(in srgb,var(--header) 50.2%,transparent)}.lens-native-bars i{position:absolute;bottom:0;left:0;width:100%;border-radius:12px;transition:height .3s}.lens-detail-benchmark p{font-size:12px;font-weight:300;color:#ccc;line-height:18px;text-align:left}@media(max-width:1023px){.lens-overview{height:auto;max-height:none;padding:12px 40px;display:block}.lens-graph{display:none}.lens-category-cards{gap:12px 16px}.lens-details-native{display:flex;flex-direction:column-reverse}.lens-detail-metrics{gap:8px 16px}.lens-detail-metrics strong{font-size:16px}.lens-detail-benchmark>div{flex-direction:column;gap:20px}.lens-native-bars{flex-wrap:wrap;gap:12px 24px}.lens-native-bars>div>span{height:40px}.lens-detail-categories>button{padding:12px}.lens-detail-categories>button.wide{height:90px}}.lens-details-native{grid-template-columns:repeat(5,minmax(0,1fr))}.lens-detail-categories{grid-column:span 2;align-content:start}.lens-detail-content{grid-column:span 3;min-height:500px;justify-content:space-between;gap:0}.lens-detail-categories>button{align-items:flex-start;height:200px;gap:4px}.lens-detail-label{align-items:flex-start}.lens-detail-label>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff33;border-radius:50%;padding:6px}.lens-detail-label b{font-size:16px;line-height:24px}.lens-detail-content h2{font-size:14px;line-height:20px;font-weight:600;display:flex;align-items:center;gap:4px}.lens-detail-content h2 span{font-weight:600;color:#ccc}.lens-node{background:transparent;overflow:hidden}.lens-node-fill{position:absolute;bottom:0;left:0;width:100%;height:var(--fill);background:var(--node-color);animation:lens-node-fill 2s ease-in-out forwards}@keyframes lens-node-fill{0%{height:0}to{height:var(--fill)}}@media(max-width:1023px){.lens-detail-content{min-height:0;gap:16px}}.lens-control-row .select .select-trigger{height:40px;font-size:14px;font-weight:400;line-height:20px;padding-right:36px;background:var(--surface)}.lens-control-row .select .select-chevron{width:16px;height:16px;right:12px}.lens-control-row .role-filter{height:30px;margin-left:3px}.lens-compare input{height:32px;padding:4px 12px;font-size:14px;font-weight:900}.lens-compare input::placeholder{color:#989898;opacity:1}@media(min-width:1024px){.lens-control-row h2{width:174px;flex-shrink:0;position:relative;border-right:0}.lens-control-row h2:after{content:"";position:absolute;right:0;top:6px;height:20px;border-right:1px solid #ffffff33}}.lens-category-score{display:flex;align-items:center;gap:8px;padding-left:12px;height:40px;border-radius:24px;background:color-mix(in srgb,var(--header) 40%,transparent)}.lens-category-score b{font-size:16px;font-weight:900}.lens-node.central b{font-size:36px;font-weight:900}.lens-node.central small{font-size:20px}.lens-detail-content h2,.lens-detail-content h2 span{display:flex;align-items:center;gap:4px}.lens-detail-benchmark p{padding:0 12px}.lens-detail-versus{gap:8px;width:100%}.lens-detail-versus>span{margin-left:auto;flex-shrink:0}.lens-detail-categories>button.wide{align-items:center}.lens-detail-categories>button.wide .lens-detail-versus{width:200px}.lens-detail-versus>small{font-weight:900}.pro-player-page{max-width:1024px;margin:40px auto}.pro-player-card{padding:12px 32px;border:1px solid #ffffff1a;border-radius:8px;min-height:580px;background:linear-gradient(125deg,color-mix(in srgb,var(--header) 73.33%,transparent),color-mix(in srgb,var(--bg) 93.33%,transparent))}.pro-player-heading{display:flex;gap:32px;align-items:center;min-height:112px}.pro-player-photo{width:120px;height:112px;object-fit:contain;border-radius:50%}.pro-player-heading h1{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:30px}.pro-player-heading h1 img{width:28px;height:20px;object-fit:contain}.pro-player-heading h1 small{color:#989898;font-size:14px;font-weight:500}.pro-player-heading .profile-actions{margin-top:10px}.pro-section-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;margin:20px 0 32px}.pro-section-title>span{height:1px;flex:1;background:#ffffff1a}.pro-player-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}.pro-player-columns h2{font-size:16px;text-align:center;margin:0 0 16px}.pro-solo-account{display:flex;align-items:center;gap:16px;border-top:1px solid #ffffff1a;border-radius:8px;padding:12px;background:color-mix(in srgb,var(--accent) 3.92%,transparent)}.pro-solo-account small,.pro-recent-summary small,.pro-recent-champion small{display:block;color:#989898;font-size:10px;font-weight:400}.pro-solo-account .profile-image{border-radius:4px}.pro-account-rank{margin-left:auto;text-align:right}.pro-account-rank b{display:flex;align-items:center;gap:8px;color:#a1e4f9}.pro-recent-summary{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:6px 8px;border-radius:5px;border-top:1px solid #ffffff1a;border-bottom:4px solid var(--primary);background:color-mix(in srgb,var(--accent) 3.92%,transparent);margin-bottom:16px}.pro-recent-champion{display:grid;grid-template-columns:32px 1fr 1fr 36px;align-items:center;gap:16px;text-align:center;border-top:1px solid #ffffff1a;border-radius:8px;padding:4px 8px;margin-top:8px;background:color-mix(in srgb,var(--accent) 3.92%,transparent);font-size:12px}.pro-recent-champion img{border-radius:6px}@media(max-width:767px){.pro-player-page{margin:20px}.pro-player-card{padding:16px}.pro-player-heading{gap:16px}.pro-player-photo{width:70px;height:80px}.pro-player-heading h1{font-size:24px;gap:8px}.pro-player-heading h1 small{font-size:11px}.pro-player-columns{grid-template-columns:1fr;gap:24px}.pro-solo-account{gap:8px;font-size:12px}}.summoner-icons img.captured-spell{filter:none;border:0}.lens-node.central{background:radial-gradient(ellipse at bottom right,color-mix(in srgb,var(--brand-red) 13.33%,transparent),transparent 70%),radial-gradient(ellipse at top left,#e2b42b1a,transparent 70%),var(--bg);border:0}@media(max-width:767px){.history-filters{grid-template-columns:1fr;grid-template-rows:auto;padding:12px;gap:12px}.history-filters .profile-queue-tabs,.score-filters,.history-filters .patch-select,.history-champion-filters{grid-column:1;grid-row:auto}.history-filters .profile-queue-tabs{width:100%}.profile-champion-trigger{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.profile-champion-popover{animation:none}}html[data-reduce-motion=true] .profile-champion-popover{animation:none}@media(max-width:1023px){.lens-controls{padding:8px 20px}.lens-control-row{flex-direction:column;flex-wrap:nowrap;gap:4px}.lens-control-row h2{padding:0;border:0;font-size:24px;line-height:32px}.lens-mode{font-size:12px;gap:4px}.lens-control-row .role-filter{margin:4px 0 6px;height:30px}.lens-total{margin:0;height:32px}.lens-compare{flex-direction:column;flex-wrap:nowrap;height:auto;padding:12px 0 0;gap:4px}.lens-compare>b{margin:0;font-size:12px;line-height:16px}.lens-compare>small{font-size:10px;font-weight:900;line-height:14px}.lens-compare input{width:250px}.lens-tabs{display:grid;margin-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));height:166px;gap:4px}.lens-tabs button{font-size:12px;gap:8px;padding:8px 4px}.lens-overview{padding:12px 20px;min-height:0}.lens-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.lens-category-card{height:121px}.lens-category-card h3{font-size:12px;gap:8px}.lens-category-card>div{display:grid;grid-template-columns:28px 12px 26px;gap:4px 8px;height:90px;padding:4px 0 8px}.lens-category-score{grid-column:1/-1;justify-self:center}.lens-category-card .score-ring{width:40px;height:40px}.lens-category-card:last-child{height:85px}.lens-category-card:last-child>div{display:flex;height:54px;padding:0;gap:8px}.lens-detail-versus{flex-wrap:wrap;justify-content:center}.lens-detail-metrics{align-items:center;border:1px solid transparent}.lens-detail-metrics small{font-size:9px;line-height:13.5px}.lens-detail-metrics strong{flex-direction:column;gap:4px;font-size:16px;line-height:24px}.lens-detail-metrics strong svg{width:12px;height:12px}.lens-detail-versus>span{margin:0}.lens-detail-categories>button.wide .lens-detail-versus{width:auto;max-width:160px}}.score-modal:has(.score-calculation-totals){top:48px;max-height:calc(100dvh - 72px);gap:12px;padding:20px}.score-modal:has(.score-calculation-totals) .score-dialog-panel{padding:12px}.score-modal:has(.score-calculation-totals) .modal-close{opacity:1}.champion-select{width:196px;padding:3px 4px 5px 12px;border:1px solid #2b2d30;border-radius:4px;background:#0d1011;box-shadow:0 8px 30px #0005;z-index:150;transform-origin:var(--radix-popover-content-transform-origin);animation:matchup-pop-in .12s ease-out}.champion-select input{width:calc(100% - 12px);height:32px;padding:4px;border:1px solid #34363b;border-radius:4px;background:#1c1f22;color:var(--text);font-size:14px;outline:none}.champion-select input:focus-visible{border-color:#747780;box-shadow:none}.champion-select-list{max-height:min(256px,calc(var(--radix-popover-content-available-height) - 48px));min-height:32px;overflow-y:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:#696b70 transparent}.champion-select-list button{display:flex;align-items:center;gap:7px;height:28px;width:100%;padding:0 4px;border-radius:4px;font-size:12px;text-align:left;color:#d1d1d5;white-space:nowrap}.champion-select-list button.highlighted,.champion-select-list button:hover{background:#1d2025;color:#fff}.champion-select-list button[aria-selected=true]{font-weight:700}.champion-select-list img{width:26px;height:26px;border-radius:4px}.champion-select-empty{padding:12px 4px;color:var(--muted);font-size:12px}.matchup-header-pair{display:flex;align-items:center;gap:20px;flex:none}.matchup-header-pair button{width:56px;height:56px;display:grid;place-items:center;background:#15181c;border-radius:4px;font-size:30px;color:var(--muted)}.matchup-header-pair button:hover{outline:1px solid var(--primary)}.matchup-header-slot>svg{color:#a0a1a7}.champion-top-matchups .subnav{height:51px;min-height:51px}.matchup-identity{padding:0 0 8px;gap:40px}.matchup-identity>div:last-child{min-width:0}.matchup-identity h1{line-height:28px}.matchup-identity .champion-description{margin-top:2px;gap:28px}.matchup-identity .champion-description p{font-size:12px}.matchup-header-slot{display:flex;align-items:center;gap:20px}.champion-matchups-page{margin-top:18px}.matchup-results{padding:0}.matchup-player-card{overflow:hidden;background:#0c1011;border-radius:12px 12px 6px 6px;scroll-margin-top:60px}.matchup-video{position:relative;width:100%;aspect-ratio:16/9;background:#0b0d10;min-height:300px}.twitch-mount,.twitch-mount iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.twitch-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--muted);padding:24px;text-align:center}.twitch-fallback a{display:flex;align-items:center;gap:8px;color:var(--text)}.twitch-fallback p{font-size:12px;max-width:480px}.matchup-player-bar{min-height:42px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.matchup-player-identity{display:flex;align-items:center;gap:10px;white-space:nowrap}.matchup-player-identity a{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.matchup-player-identity>svg,.matchup-player-identity>small{color:var(--muted)}.matchup-player-identity>small{font-size:10px}.matchup-quick-access{display:flex;align-items:center;gap:8px;font-size:10px}.matchup-quick-access b{white-space:nowrap}.matchup-quick-access button{display:flex;align-items:center;gap:6px;height:20px;white-space:nowrap;border-radius:5px;border-top:1px solid #ffffff19;background:linear-gradient(118deg,#d7eded29 -48%,#ccebeb00);padding:0 7px;font-size:12px;font-weight:650;transition:opacity .2s}.matchup-quick-access button:hover:not(:disabled){opacity:.5}.matchup-quick-access button:disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed}.event-firstKill{color:#e7c34d}.event-firstDeath{color:#ef5c66}.event-firstDrake{color:#e48240}.event-baron{color:#b38cf1}.event-15m,.event-25m{color:#55c987}.matchup-game-list{margin-top:13px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:#0d1012}.matchup-controls{display:flex;align-items:center;gap:12px;margin-bottom:10px;min-height:36px;flex-wrap:wrap}.matchup-controls .role-filter{gap:0;background:#111316;padding:2px}.matchup-controls .role-filter button{width:39px;height:34px}.matchup-watch-hint{margin:auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;white-space:nowrap}.matchup-control-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.matchup-control-actions .segmented{padding:2px;white-space:nowrap}.matchup-control-actions .segmented button{font-size:12px;font-weight:600;padding:4px 8px}.matchup-popover-buttons{display:flex;border-radius:6px;overflow:hidden}.matchup-filter-trigger{display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:700;background:#d9c38f;color:#141519;transition:opacity .2s}.matchup-filter-trigger:hover,.matchup-filter-trigger[data-state=open]{opacity:.8}.matchup-filter-trigger+.matchup-filter-trigger{border-left:1px solid #15171a}.matchup-filter-popover,.matchup-streamers-popover{z-index:150;background:#131619;border:1px solid #303438;border-radius:12px;padding:12px;box-shadow:0 12px 32px #0008;transform-origin:var(--radix-popover-content-transform-origin);animation:matchup-pop-in .15s ease-out;width:300px;max-width:calc(100vw - 24px)}.matchup-filter-popover fieldset{border:0;padding:0;margin:0 0 18px}.matchup-filter-popover fieldset:last-of-type{margin-bottom:0}.matchup-filter-popover legend,.matchup-streamers-popover h3{text-transform:uppercase;font-size:9px;font-weight:700;color:#e1e2e5;margin-bottom:8px}.matchup-filter-popover fieldset>div{display:flex;gap:5px;flex-wrap:wrap}.matchup-filter-popover fieldset button{padding:6px 10px;background:#23262c;border-radius:4px;font-size:10px;transition:background .15s}.matchup-filter-popover button[aria-pressed=true]{background:var(--primary);color:#fff}.matchup-reset{display:block;font-size:10px;color:var(--primary);margin:10px 0 0}.matchup-streamers-popover label{display:flex;align-items:center;gap:7px;border:1px solid #30343a;border-radius:4px;background:#1b1e22;padding:0 9px;height:36px;margin-bottom:16px}.matchup-streamers-popover input{min-width:0;width:100%;background:none;border:0;outline:none;font-size:12px}.matchup-streamers-popover [role=listbox]{max-height:280px;overflow:auto;scrollbar-width:thin}.matchup-streamers-popover [role=option]{display:block;width:100%;padding:7px 9px;border-radius:4px;font-size:12px;text-align:left}.matchup-streamers-popover .highlighted,.matchup-streamers-popover [aria-selected=true],.matchup-streamers-popover [role=option]:hover{background:#2a2d33}.matchup-replay{margin:5px 0;border-radius:4px;background:#1a1e30;border-top:1px solid #ffffff0f;overflow:hidden}.matchup-replay.loss{background:#37252a}.matchup-replay-main{display:flex}.matchup-replay-select{position:relative;display:flex;align-items:center;gap:14px;padding:0 16px;width:100%;min-width:0;text-align:left;min-height:56px}.matchup-replay-select:hover{background:#ffffff04}.replay-watch-overlay{position:absolute;inset:0 0 0 auto;width:160px;justify-content:end;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:#efeded;background:linear-gradient(90deg,transparent,#202637 32%);opacity:0;transition:opacity .2s;text-transform:uppercase;pointer-events:none}.matchup-replay.loss .replay-watch-overlay{background:linear-gradient(90deg,transparent,#442c32 32%)}.matchup-replay-select:hover .replay-watch-overlay,.matchup-replay-select:focus-visible .replay-watch-overlay{opacity:1}.replay-match-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.replay-match-meta small{font-size:11px;color:#b6b7c0;font-weight:500}.replay-match-meta .region-tag{font-size:10px;padding:3px 4px;border-radius:4px}.matchup-no-streamer{padding:8px;font-size:12px;color:var(--muted)}.replay-match-meta .region-tag[data-region=euw1]{background:#5169e0}.replay-match-meta .region-tag[data-region=na1]{background:#555f99}.replay-match-meta .region-tag[data-region=kr]{background:#7858b4}.replay-duel{display:flex;align-items:center;gap:20px}.replay-duel>svg{color:#b0b2bd;flex:none}.replay-champion-pair{display:flex;align-items:flex-start}.replay-champion,.replay-jungler{display:inline-flex;position:relative;flex:none}.replay-champion>.role-icon,.replay-vs{position:absolute;bottom:-5px;left:-3px;background:#12151a;border-radius:3px}.replay-vs{left:50%;transform:translate(-50%);font-size:8px;line-height:11px;font-weight:700;padding:0 3px;color:#dbdce0}.replay-jungler{margin-left:-2px}.replay-jungler .role-icon{position:absolute;right:-2px;bottom:-3px;border-radius:3px;background:#11151a}.replay-player{display:flex;align-items:center;gap:8px;flex:1;min-width:70px}.replay-player strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-loadout{display:flex;gap:0;flex:none;min-height:52px;align-items:center;padding:4px 6px;border:1px solid #ffffff0c;border-radius:4px;background:#121519}.replay-spells-runes{display:grid;grid-template-columns:20px 18px;grid-template-rows:repeat(2,20px);gap:2px}.replay-spells-runes img{width:18px;height:18px;object-fit:contain;border-radius:2px}.replay-starter{display:flex;align-items:center;margin:0 8px;padding:0 8px;border-inline:1px solid #ffffff0d}.replay-spells-runes img:nth-child(odd){width:20px;height:20px}.replay-items{display:grid;grid-template-columns:repeat(4,18px);grid-template-rows:repeat(2,18px);gap:2px}.replay-items .item-image{width:18px;height:18px;border-radius:2px}.replay-kda{font-size:16px;min-width:88px;white-space:nowrap;font-weight:500;letter-spacing:.5px}.replay-kda em{color:#ed6b6a;font-style:normal}.replay-kda>span{color:#92939d;padding:0 3px}.replay-score{display:flex;align-items:center;gap:5px;padding:0 5px 0 10px;border:1px solid #ffffff0b;border-radius:30px;background:#12161a80;flex:none}.replay-score strong{font-size:18px}.replay-score svg{width:40px;height:40px}.replay-expand{width:28px;align-self:stretch;flex:none;background:#ffffff04;display:grid;place-items:center;color:#777c8b}.replay-expand:hover{background:#ffffff0d}.replay-expand svg{transition:transform .3s}.replay-expand[aria-expanded=true] svg{transform:rotate(180deg)}.replay-details-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s ease}.replay-details-reveal[data-expanded=true]{grid-template-rows:1fr;opacity:1}.replay-details-reveal>div{min-height:0;overflow:hidden}.replay-details-grid{padding:12px 16px;min-height:260px;display:grid;grid-template-columns:43% minmax(0,1fr);background:#00000012}.replay-details-grid h3{color:#969baa;font-size:14px;font-weight:400;text-align:center;margin:0 0 10px}.replay-details-grid p{text-align:center;color:var(--muted)}.replay-detail-runes{align-self:center;justify-self:start}.replay-detail-runes .rune-trees{gap:22px}.replay-detail-runes .rune-tree{width:108px;gap:12px}.replay-detail-runes .rune-row{gap:6px;height:23px}.replay-detail-runes .rune-row img{width:24px;height:24px;border:1px solid #ffffff22;background:#0d1115;border-radius:50%}.replay-detail-runes .rune-row:first-child img{width:32px;height:32px}.replay-detail-runes .rune-row .chosen{border-color:#c4a55d88}.replay-detail-runes .rune-row:first-child{height:32px;margin-bottom:8px}.replay-detail-runes .rune-tree.secondary{width:65px;gap:5px}.replay-detail-runes .secondary .rune-row{gap:4px;height:18px}.replay-detail-runes .secondary .rune-row:first-child{margin-bottom:0;height:18px}.replay-detail-runes .secondary .rune-row img{width:18px;height:18px}.replay-detail-runes .rune-shards{gap:4px;margin-top:6px}.replay-detail-runes .rune-shards>div{gap:4px}.replay-detail-runes .rune-shards img{width:18px;height:18px}.replay-detail-right{display:flex;flex-direction:column;gap:16px;min-width:0}.replay-completed-build{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;min-height:32px;color:#9da1ad}.replay-skill-grid{display:grid;gap:10px}.replay-skill-row{display:grid;grid-template-columns:22px repeat(18,minmax(0,1fr));gap:5px;align-items:center}.replay-skill-row>span:not(.replay-skill-portrait){border-radius:3px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:650;background:#ffffff0c;color:#fff}.replay-skill-portrait{display:inline-flex;width:22px;height:22px;position:relative}.replay-skill-portrait img{width:22px;height:22px;border-radius:4px}.replay-skill-portrait small{position:absolute;bottom:-4px;left:5px;border-radius:3px;font-size:8px;background:#12161b;color:#d2d6dd;padding:0 2px}.replay-skill-row.skill-q .learned{background:#615ed3}.replay-skill-row.skill-w .learned{background:#d7844b}.replay-skill-row.skill-e .learned{background:#813dcc}.replay-skill-row.skill-r .learned{background:#d65c58}.replay-details-unavailable{padding:20px;font-size:12px;color:var(--muted)}.matchup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;padding:14px;text-align:center}.matchup-empty button{font-size:10px;color:var(--primary)}.matchup-video-skeleton{animation:matchup-loading 1.5s ease-in-out infinite alternate;aspect-ratio:16/9;background:#15181b;border-radius:10px;display:grid;place-items:center}.matchup-pagination{display:flex;justify-content:center;gap:6px;align-items:center;margin:10px 0 0;font-size:12px}.matchup-pagination button{width:28px;height:28px;background:#191c20;border-radius:4px}.matchup-pagination button[aria-current=page]{color:#fff;background:#24282e}.matchup-pagination button:disabled{opacity:.3}@keyframes matchup-loading{0%{opacity:.55}to{opacity:1}}.matchup-game-list[aria-busy=true] .matchup-replay{opacity:.55;pointer-events:none}@keyframes matchup-pop-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.matchup-watch-hint{display:none}.matchup-player-bar,.matchup-quick-access{flex-wrap:wrap}.matchup-identity .champion-description{flex-wrap:wrap;gap:5px}.matchup-replay-select{gap:10px;padding:0 10px}.replay-duel{gap:12px}.replay-loadout{gap:6px}}@media(max-width:800px){.replay-match-meta{flex-wrap:wrap;width:54px;gap:3px}.replay-match-meta small{width:100%}.replay-loadout{display:none}.replay-details-grid{grid-template-columns:1fr;gap:20px}.replay-detail-runes{justify-self:center}.replay-skill-row{grid-template-columns:20px repeat(18,minmax(0,1fr));gap:4px}}@media(max-width:600px){.matchup-identity{gap:18px;align-items:flex-start;padding-top:12px}.matchup-header-pair,.matchup-header-slot{gap:8px}.matchup-header-pair button,.matchup-header-pair img{width:40px;height:40px}.matchup-header-slot>svg{width:18px}.matchup-identity h1{font-size:16px}.matchup-identity .champion-description p{display:none}.matchup-identity .ability-icons{gap:4px}.matchup-identity .spell-icon,.matchup-identity .spell-icon img{width:24px;height:24px}.matchup-video{min-height:230px}.matchup-game-list{padding:8px}.matchup-controls{gap:10px}.matchup-control-actions{flex-wrap:wrap;margin:0;width:100%;justify-content:space-between;gap:7px}.matchup-controls .role-filter{width:100%;justify-content:center}.matchup-replay-select{gap:9px;padding:9px 7px;flex-wrap:wrap}.replay-duel{gap:8px}.replay-jungler{display:none}.replay-player{min-width:60px}.replay-player strong{font-size:12px}.replay-kda{font-size:13px;min-width:0}.replay-kda>span{padding:0 1px}.replay-score{padding:0 4px 0 8px;gap:3px}.replay-score svg{width:28px;height:28px}.replay-score strong{font-size:14px}.replay-details-grid{padding:14px 8px}.replay-skill-grid{overflow-x:auto;padding-bottom:8px}.replay-skill-row{min-width:470px}.replay-completed-build{gap:14px}}@media(prefers-reduced-motion:reduce){.matchup-video-skeleton,.champion-select,.matchup-filter-popover,.matchup-streamers-popover{animation:none}.replay-details-reveal,.replay-expand svg,.replay-watch-overlay{transition:none}}.game-tooltip{width:306px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #2c3138;background:#101719;color:#aeb4bb;border-radius:16px;box-shadow:0 12px 32px #0004;z-index:250;animation:matchup-pop-in .12s ease-out}.game-tooltip header{display:flex;align-items:center;gap:12px;padding-bottom:12px}.game-tooltip header img{width:42px;height:42px;object-fit:contain;border:1px solid #ffffff12;border-radius:50%}.game-tooltip header strong{color:#d6d9df;font-size:14px;font-weight:600}.game-tooltip-description{margin:0 -12px -12px;padding:12px;border-top:1px solid #ffffff0c;font-size:12px;line-height:1.6}.game-tooltip-gold{color:#e4bf61;font-size:12px;white-space:nowrap;margin-left:auto}.game-text-stat,.game-text-magic{color:#7db9c4}.game-text-physical{color:#e8ac73}.game-text-true{color:#ece7d7}.game-text-healing{color:#80c995}.game-text-heading{color:#d9dee3;font-weight:650}@media(prefers-reduced-motion:reduce){.game-tooltip{animation:none}}.replay-estimated{color:var(--gold, #ddc179);border:1px solid currentColor;border-radius:3px;padding:1px 4px;white-space:nowrap}