@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--bg:#f5f7fb;--panel:#fff;--panel-soft:#f8f9fd;--line:#e7e9f2;--line-strong:#d9dce8;--text:#15182b;--muted:#70758b;--primary:#5c5ce2;--primary-dark:#4646c8;--primary-soft:#eef;--teal:#15a99a;--red:#d84f61;--shadow:0 20px 60px #1f234e14}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 12% 4%,#6868e81a,transparent 25rem),radial-gradient(circle at 90% 18%,#1dbfae14,transparent 22rem),var(--bg);min-height:100vh;margin:0;font-family:Inter,Noto Sans KR,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.custom-select{width:100%;position:relative}.custom-select-trigger{border:1px solid var(--line-strong);color:#35394d;cursor:pointer;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.custom-select-trigger svg{width:15px;height:15px;transition:transform .16s}.custom-select.open .custom-select-trigger{border-color:#aaa9e4;box-shadow:0 0 0 3px #5c5ce212}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}.custom-select-menu{z-index:90;background:#fff;border:1px solid #dfe1e9;border-radius:10px;min-width:max-content;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 6px 16px #22264d12}.custom-select-menu button{color:#5f6477;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:110px;height:35px;padding:0 9px;font-size:11px;font-weight:650;display:flex}.custom-select-menu button:hover{color:var(--primary);background:#f4f4fb}.custom-select-menu button.selected{color:var(--primary);background:#efefff}.custom-select-menu button svg{width:14px;height:14px}.select-option-content{align-items:center;gap:7px;min-width:0;display:flex}.select-option-icon{object-fit:contain;flex:0 0 18px;width:18px;height:18px}.region-flag{border-radius:2px;width:18px;height:13px}.rank-filter-icon{background-position:50%;background-repeat:no-repeat;background-size:120px;flex-basis:21px;width:21px;height:21px}.position-filter-icon{opacity:.78;flex-basis:17px;width:17px;height:17px}.site-shell{min-height:100vh}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #dde0eae6;justify-content:space-between;align-items:center;gap:40px;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:2px;white-space:nowrap;align-items:center;gap:12px;font-size:13px;text-decoration:none;display:flex}.brand b{font-weight:800}.brand-mark{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#d6ba72;letter-spacing:0;filter:drop-shadow(0 3px 5px #1d1f3b21);background:linear-gradient(145deg,#252947,#121526);place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:15px;font-weight:700;display:grid}.top-actions{align-items:center;gap:10px;display:flex}.patch-pill{border:1px solid var(--line);color:var(--muted);letter-spacing:.7px;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.patch-pill i{background:#2bc4a9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2bc4a91f}.language-switcher{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;padding:3px;display:flex}.language-switcher button{color:#9498a9;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:30px;height:25px;padding:0 7px;font-size:9px;font-weight:800}.language-switcher button.active{color:var(--primary);background:#f0f0ff}main{width:min(1120px,100% - 40px);margin:0 auto}.summoner-hero{text-align:center;flex-direction:column;align-items:center;padding:66px 0 52px;display:flex}.summoner-hero.compact-hero{text-align:left;align-items:stretch;padding:34px 0 28px}.simple-section-label{color:var(--primary);letter-spacing:.3px;margin:0 0 10px;padding-left:7px;font-size:16px;font-weight:850}.simple-section-label.match-label{margin:0 0 9px}.compact-hero-copy{align-items:end;gap:18px;margin-bottom:13px;display:flex}.compact-hero-copy .eyebrow{margin:0 0 4px}.summoner-hero .compact-hero-copy h1{letter-spacing:-.7px;font-size:22px}.compact-hero-copy span{color:var(--muted);margin:0 0 3px auto;font-size:10px}.unified-search{background:#fff;border:1px solid #dfe1e9;border-radius:12px;grid-template-columns:90px minmax(0,1fr) 86px;align-items:center;width:100%;height:54px;padding:0;display:grid;position:relative;overflow:visible;box-shadow:0 2px 7px #23275008}.unified-search>.custom-select .custom-select-trigger{height:52px;box-shadow:none;border:0;border-right:1px solid #e8e9ef;border-radius:11px 0 0 11px}.unified-search>.custom-select .custom-select-menu{min-width:100px;right:auto}.unified-input{color:#9296a8;align-items:center;gap:9px;height:52px;padding:0 13px;display:flex}.unified-input input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px;font-weight:650}.unified-search>button{color:#fff;cursor:pointer;background:#5b59df;border:0;border-radius:0 12px 12px 0;align-self:stretch;height:auto;margin:-1px -1px -1px 0;font-size:14px;font-weight:800;transition:background .15s}.unified-search>button:hover{background:#4f4dcc}.unified-message{color:var(--red);font-size:9px;position:absolute;top:calc(100% + 5px);left:100px}.unified-results{z-index:70;background:#fff;border:1px solid #dfe1e9;border-radius:12px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 6px 16px #23275012}.unified-results section+section{border-top:1px solid #eff0f4;margin-top:7px;padding-top:8px}.unified-results header{justify-content:space-between;align-items:center;padding:2px 5px 7px;display:flex}.unified-results header b{color:#7b8092;font-size:10px}.unified-results header button{color:#a1a5b4;cursor:pointer;background:0 0;border:0;font-size:10px}.unified-search.has-recent{margin-bottom:34px}.recent-search-chips{scrollbar-width:none;white-space:nowrap;align-items:center;gap:6px;padding:0 3px 3px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-x:auto}.recent-search-chips::-webkit-scrollbar{display:none}.recent-search-chips>b{color:#8b90a2;flex:none;margin-right:2px;font-size:9px}.recent-search-chip{background:#fff;border:1px solid #e1e3eb;border-radius:7px;flex:none;align-items:center;height:25px;display:flex;overflow:hidden}.recent-search-chip>button{color:#34394c;cursor:pointer;background:0 0;border:0;height:100%;padding:0 7px}.recent-search-chip>button:first-child{align-items:center;gap:4px;padding-right:5px;display:flex}.recent-search-chip>button:last-child{color:#a1a6b6;padding:0 6px 1px 3px;font-size:14px}.recent-search-chip strong{font-size:10px}.recent-search-chip small{color:#7f8497;font-size:9px}.recent-search-chip:hover{border-color:#bdbdeb}.unified-champion-grid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.unified-champion-grid button{cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:5px;display:flex}.unified-champion-grid button:hover{background:#f2f2fc}.unified-champion-grid img{object-fit:cover;border-radius:8px;flex:none;width:32px;height:32px}.unified-champion-grid span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.unified-player,.riot-id-result{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.unified-player:hover,.riot-id-result:hover{background:#f2f2fc}.unified-player strong,.riot-id-result strong{flex:1;font-size:12px}.unified-player small,.riot-id-result small{color:var(--primary);font-size:10px}.summoner-hero .eyebrow{margin-bottom:10px}.summoner-hero h1{color:#171a30;letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.15}.summoner-hero>p:not(.eyebrow){color:var(--muted);margin:14px 0 26px;font-size:14px}.home-search-tabs{width:min(760px,100%);padding-left:8px;display:flex}.home-search-tabs button{color:#9296a7;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 18px;font-size:12px;font-weight:700}.home-search-tabs button.active{border-color:var(--primary);color:var(--primary)}.summoner-search{width:min(760px,100%)}.summoner-search-box{text-align:left;background:#fff;border:1px solid #dedfeb;border-radius:16px;grid-template-columns:112px minmax(0,1fr) 82px;align-items:center;min-height:70px;padding:8px;display:grid;position:relative;box-shadow:0 20px 55px #272a5821}.summoner-search-box label{min-width:0;padding:0 14px}.summoner-search-box label>span{color:#9296a8;letter-spacing:.5px;margin:0 0 4px;font-size:9px;font-weight:700;display:block}.summoner-search-box select,.summoner-search-box input{color:#292d43;background:0 0;border:0;outline:0;width:100%;height:26px;padding:0;font-size:14px;font-weight:700}.summoner-search-box select{height:30px}.summoner-id-field{border-left:1px solid #e8e9f0}.summoner-search-box>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6666e8,#4e4ed1);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:52px;font-size:13px;font-weight:800;display:flex;box-shadow:0 3px 8px #4b4bc81a}.summoner-search-box>button svg{width:17px}.summoner-search-error{color:#d84f61;text-align:left;margin:8px 8px 0;font-size:10px}.summoner-autocomplete{z-index:60;border:1px solid var(--line);background:#fff;border-radius:12px;padding:5px;position:absolute;top:calc(100% + 7px);left:120px;right:90px;overflow:hidden;box-shadow:0 18px 45px #1e214629}.summoner-autocomplete button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.summoner-autocomplete button:hover{background:var(--primary-soft)}.summoner-autocomplete button>span:last-child{min-width:0}.summoner-autocomplete strong,.summoner-autocomplete small{display:block}.summoner-autocomplete strong{font-size:11px}.summoner-autocomplete small{color:var(--muted);margin-top:2px;font-size:9px}.champion-quick-search{text-align:left;background:#fff;border:1px solid #dedfeb;border-radius:16px;width:min(760px,100%);position:relative;box-shadow:0 20px 55px #272a5821}.champion-quick-input{color:#8f93a6;align-items:center;gap:10px;height:70px;padding:0 21px;display:flex}.champion-quick-input input{color:#292d43;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:15px;font-weight:650}.recent-champions{background:#fafbfe;border-top:1px solid #eff0f5;padding:11px 14px 12px}.recent-champions>div{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.recent-champions b,.champion-result-label{color:#777c90;letter-spacing:.3px;font-size:9px;font-weight:800}.recent-champions>div>button{color:#a0a4b4;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.recent-champions section{gap:8px;display:flex;overflow:auto}.recent-champions section button{cursor:pointer;background:#fff;border:1px solid #e5e6ee;border-radius:10px;flex:none;align-items:center;gap:6px;padding:5px 9px 5px 5px;display:flex}.recent-champions section button:hover{color:var(--primary);border-color:#bcbbea}.recent-champions img{object-fit:cover;border-radius:8px;width:30px;height:30px}.recent-champions span{font-size:10px;font-weight:700}.champion-result-label{border-top:1px solid #eff0f5;padding:10px 14px 2px}.champion-quick-results{border-top:1px solid #eff0f5;grid-template-columns:repeat(6,1fr);gap:4px;max-height:190px;padding:8px;display:grid;overflow:auto}.champion-quick-results button{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:9px 5px;display:flex}.champion-quick-results button:hover{background:var(--primary-soft);color:var(--primary)}.champion-quick-results img{object-fit:cover;border-radius:12px;width:46px;height:46px}.champion-quick-results span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.champion-quick-results p{color:var(--muted);text-align:center;grid-column:1/-1;font-size:11px}.quick-tool-heading{justify-content:space-between;align-items:end;gap:20px;margin:4px 0 16px;display:flex}.quick-tool-heading p{color:var(--primary);letter-spacing:1.8px;margin:0 0 5px;font-size:9px;font-weight:800}.quick-tool-heading h2{letter-spacing:-.7px;margin:0;font-size:22px}.quick-tool-heading>span{color:var(--muted);font-size:11px}.intro{padding:44px 0 26px}.eyebrow{color:var(--primary);letter-spacing:2.6px;margin:0 0 12px;font-size:11px;font-weight:800}.intro h1{color:#171a30;letter-spacing:-2.1px;max-width:660px;margin:0;font-size:clamp(32px,4vw,46px);line-height:1.13}.intro>div>p:last-child{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.75}.account-inline{background:#f8f9fc;border:1px solid #e1e3ed;border-radius:12px;margin:-8px 0 20px;padding:12px}.riot-id-row{gap:8px;margin-top:12px;display:flex}.riot-id-row input{min-width:0;height:40px;color:var(--text);background:#fff;border:1px solid #cfcff0;border-radius:9px;outline:0;flex:1;padding:0 12px;font-size:12px}.riot-id-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5c5ce214}.riot-id-row button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;height:40px;padding:0 14px;font-size:12px;font-weight:700}.riot-id-row button:disabled{opacity:.55}.riot-suggestions{gap:4px;margin-top:7px;display:grid}.lookup-state{padding:7px 9px;color:#8488a0!important;font-size:9px!important}.player-suggestion,.recent-suggestion{cursor:pointer;text-align:left;background:#ffffffbf;border:1px solid #e0e1f1;border-radius:9px;align-items:center;gap:9px;width:100%;padding:7px 9px;display:flex}.player-suggestion:hover,.recent-suggestion:hover{background:#fff;border-color:#b8b8ed}.player-suggestion img,.profile-placeholder{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.profile-placeholder{background:var(--primary);color:#fff;place-items:center;font-size:11px;font-weight:800;display:grid}.player-suggestion>span:nth-child(2){flex:1}.player-suggestion strong,.player-suggestion small{display:block}.player-suggestion strong,.recent-suggestion strong{color:#373b50;font-size:10px}.player-suggestion small,.recent-suggestion small{color:#8b8fa1;margin-top:2px;font-size:8px}.player-suggestion>b{color:var(--primary);font-size:8px}.recent-suggestion>span{color:var(--primary)}.recent-suggestion strong{flex:1}.account-inline em{color:#d05263;margin:8px 4px 0;font-size:10px;font-style:normal;display:block}.account-inline .notice-close{color:#8b8fa1;cursor:pointer;background:0 0;border:0;flex:0 0 40px;width:40px;padding:0;font-size:20px}.live-message{color:#138b7f;background:#eefaf8;border:1px solid #c8e9e4;border-radius:10px;margin:0 0 15px;padding:10px 14px;font-size:10px}.analysis-card{background:#fffffff7;border:1px solid #dde0eaf0;border-radius:15px;padding:22px;position:relative;box-shadow:0 3px 10px #1f234e09}.card-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.card-heading p{color:var(--primary);letter-spacing:1.8px;margin:0 0 4px;font-size:9px;font-weight:800}.card-heading h2{letter-spacing:-.7px;margin:0;font-size:21px}.card-tools{color:#8a8fa2;align-items:center;gap:12px;font-size:10px;display:flex}.my-game-button{color:#606579;cursor:pointer;background:#fafbfc;border:1px solid #e0e2ec;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.my-game-button svg{width:14px;height:14px}.my-game-button:hover{color:var(--primary);background:#f3f2ff;border-color:#b9b9e7}.matchup-grid{grid-template-columns:1fr 42px 1fr;align-items:end;gap:13px;display:grid}.champion-picker{min-width:0;position:relative}.field-label,.filter-row label>span{color:#656a7e;margin:0 0 8px;font-size:11px;font-weight:700;display:block}.champion-combobox{background:#f8f9fc;border:1px solid #dfe2eb;border-radius:11px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:9px;width:100%;height:58px;padding:7px 7px 7px 9px;transition:all .16s;display:grid}.champion-combobox.open,.champion-combobox:focus-within{background:#fff;border-color:#9897df;box-shadow:0 0 0 3px #5c5ce20f}.champion-combobox>img,.champion-combobox>.placeholder-icon{object-fit:cover;border:1px solid #fff;border-radius:10px;width:42px;height:42px;box-shadow:0 2px 7px #2a2d5a17}.champion-combobox>input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px;font-weight:750}.champion-combobox>button{color:#777c90;cursor:pointer;background:#fff;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.champion-combobox>button:hover{color:var(--primary);background:#eef}.champion-combobox>button svg{width:16px;height:16px}.champion-combobox.open>button svg{transform:rotate(180deg)}.champion-button{cursor:pointer;text-align:left;width:100%;height:86px;box-shadow:none;background:#f7f8fc;border:1px solid #dfe2eb;border-radius:12px;padding:0;transition:all .18s;position:relative;overflow:hidden}.champion-button:hover,.champion-button[aria-expanded=true]{border-color:#8585eb;box-shadow:0 3px 10px #40409612}.champion-glow{background:radial-gradient(circle,#5c5ce226,#0000 68%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;left:-35px}.champion-content{z-index:1;height:100%;color:var(--text);align-items:center;gap:14px;padding:15px;display:flex;position:relative}.champion-content img,.placeholder-icon{object-fit:cover;background:#dfe2ea;border:2px solid #fff;border-radius:13px;flex:none;width:56px;height:56px;box-shadow:0 3px 9px #2a2d5a1a}.placeholder-icon{color:#4d5165;place-items:center;display:grid}.champion-content small,.champion-content strong{display:block}.champion-content small{color:#969aac;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}.champion-content strong{letter-spacing:-.6px;font-size:20px}.chevron{margin-left:auto;font-size:18px}.swap-button{border:1px solid var(--line);width:38px;height:38px;color:var(--primary);cursor:pointer;box-shadow:none;background:#fff;border-radius:50%;place-items:center;margin-bottom:10px;font-size:16px;transition:all .2s;display:grid}.swap-button:hover{border-color:var(--primary);transform:rotate(180deg)}.champion-menu{z-index:50;border:1px solid var(--line-strong);background:#fff;border-radius:12px;margin-top:9px;padding:12px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #22264d1a}.champion-search{border:1px solid var(--line);color:#989caf;background:#f7f8fb;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.champion-search svg{width:16px}.champion-search input{width:100%;height:40px;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.champion-menu-meta{color:#9a9daf;justify-content:space-between;padding:10px 3px 7px;font-size:9px;display:flex}.champion-list{grid-template-columns:repeat(3,1fr);gap:3px;max-height:320px;padding-right:3px;display:grid;overflow:auto}.champion-list button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px;display:flex}.champion-list button:hover,.champion-list button.active{background:var(--primary-soft);color:var(--primary-dark)}.champion-list img{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.champion-list span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.champion-list p{color:var(--muted);text-align:center;grid-column:1/-1;padding:30px;font-size:11px}.filter-row{border-top:1px solid #edf0f5;grid-template-columns:.72fr 1fr 1fr 1.15fr;align-items:end;gap:11px;margin-top:19px;padding-top:19px;display:grid}select{border:1px solid var(--line-strong);color:#35394d;cursor:pointer;background:#fff;border-radius:10px;outline:0;width:100%;height:44px;padding:0 12px;font-size:12px;font-weight:600}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5c5ce217}.search-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6666e8,#4e4ed1);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 3px 8px #4b4bc81a}.search-button svg{width:17px}.search-button:hover{background:linear-gradient(135deg,#5f5fde,#4848c8);box-shadow:0 4px 10px #4b4bc81f}.search-button:disabled{opacity:.55;cursor:wait;transform:none}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}.spinner.large{border-color:#dedff4;border-top-color:var(--primary);width:27px;height:27px}@keyframes spin{to{transform:rotate(360deg)}}.loading-card,.alert{border-radius:13px;align-items:center;gap:15px;margin-top:18px;padding:16px 18px;display:flex}.loading-card{border:1px solid var(--line);background:#fff}.loading-card b,.loading-card span{display:block}.loading-card b{font-size:12px}.loading-card span,.alert span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5}.alert{border:1px solid;font-size:11px}.alert b{letter-spacing:1px;flex:none;font-size:9px}.alert.error{color:var(--red);background:#fff3f4;border-color:#f0cbd0}.alert.warning{color:#9b7620;background:#fff9e8;border-color:#eadcac}.alert.info{color:#138b7f;background:#eefaf8;border-color:#c8e9e4}.empty-state{text-align:left;background:#ffffff61;border:1px dashed #d9dce6;border-radius:18px;justify-content:center;align-items:center;gap:24px;min-height:170px;margin-top:20px;display:flex}.empty-visual{align-items:center;display:flex}.empty-visual span{border:4px solid var(--bg);background:#e5e7ef;border-radius:50%;place-items:center;width:55px;height:55px;display:grid;overflow:hidden}.empty-visual img{object-fit:cover;width:100%;height:100%}.empty-visual span:last-child{margin-left:-6px}.empty-visual i{z-index:1;color:var(--primary);background:#fff;border-radius:50%;margin:0 -5px;padding:5px;font-size:9px;font-style:normal;font-weight:800}.empty-state strong{font-size:13px}.empty-state p{color:var(--muted);margin:6px 0 0;font-size:10px}.results{margin-top:28px}.result-title{align-items:center;gap:17px;padding:18px 3px;display:flex}.matchup-icons{align-items:center;display:flex}.matchup-icons img{border:3px solid var(--bg);object-fit:cover;border-radius:16px;width:55px;height:55px;box-shadow:0 7px 20px #2226461a}.matchup-icons img:last-child{margin-left:-7px}.matchup-icons span{z-index:1;color:var(--primary);background:#fff;border-radius:50%;margin:0 -5px;padding:5px;font-size:8px;font-weight:800}.result-title p{color:var(--muted);letter-spacing:.6px;margin:0 0 5px;font-size:9px;font-weight:700}.result-title h2{letter-spacing:-.7px;margin:0;font-size:23px}.result-title h2 span{color:#aaaebe;font-weight:500}.sample{text-align:right;margin-left:auto}.sample b,.sample span{display:block}.sample b{color:var(--primary);font-size:25px}.sample span{color:var(--muted);font-size:9px}.result-grid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:visible;box-shadow:0 2px 8px #1f234a06}.matchup-overview-card{border:1px solid var(--line);background:#fff;border-radius:16px;margin:14px 0;overflow:visible}.matchup-overview-card>header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.matchup-overview-card>header p{color:var(--primary);letter-spacing:1.1px;margin:0 0 3px;font-size:8px;font-weight:850}.matchup-overview-card>header h3{margin:0;font-size:15px}.matchup-overview-card>header>span{color:#9297a8;font-size:9px}.matchup-overview-card>header>span b{color:#363b4f;margin-left:4px;font-size:13px}.matchup-versus{grid-template-columns:1fr 180px 1fr;align-items:center;gap:25px;padding:22px 34px;display:grid}.matchup-versus>article{align-items:center;gap:14px;min-width:0;display:flex}.matchup-versus>article.enemy-side{text-align:right;flex-direction:row-reverse}.matchup-champion-copy{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.enemy-side .matchup-champion-copy{align-items:flex-end}.matchup-champion-title{align-items:baseline;gap:10px;min-height:24px;display:flex}.enemy-side .matchup-champion-title{flex-direction:row-reverse}.matchup-portrait{background:linear-gradient(145deg,#6d6dea,#8f77ef);border-radius:50%;flex:0 0 76px;width:76px;height:76px;padding:3px}.matchup-portrait.enemy{background:linear-gradient(145deg,#e56a79,#d14b63)}.matchup-portrait img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.matchup-versus h4{margin:0;font-size:18px}.matchup-champion-title>strong{font-size:18px}.matchup-versus .no-data-rate{color:#8e94a6}.matchup-abilities{gap:4px;min-width:0;display:flex}.matchup-ability{cursor:help;flex:none;width:29px;height:29px;display:block;position:relative}.matchup-ability>img{object-fit:cover;border-radius:7px;width:100%;height:100%}.matchup-ability>i{color:#fff;text-align:center;background:#171c2a;border-radius:4px;min-width:12px;padding:1px 2px;font-size:7px;font-style:normal;position:absolute;bottom:-1px;right:-1px}.matchup-ability>span{z-index:90;color:#dce4f2;text-align:left;background:#161d2c;border:1px solid #303952;border-radius:9px;width:min(320px,78vw);padding:13px 14px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f14233d}.matchup-ability:hover>span,.matchup-ability:focus>span{display:block}.matchup-ability:focus{outline:0}.matchup-ability>span b{font-size:13px}.matchup-ability>span p{color:#bdc8d9;margin:7px 0 0;font-size:12px;line-height:1.6}.ability-skeleton{background:#f1f2f6;border-radius:7px;width:160px;height:29px}.matchup-balance{text-align:center}.matchup-balance>b{color:#9a9eae;margin-bottom:10px;font-size:18px;display:block}.matchup-balance>span{background:#e36978;border-radius:5px;height:7px;display:block;overflow:hidden}.matchup-balance>span i{background:#716ee8;height:100%;display:block}.matchup-balance>small{color:#8e93a5;margin-top:8px;font-size:9px;font-weight:750;display:block}.matchup-balance>span.empty{background:#dfe2e9;padding:0}.matchup-balance>span.empty i{background:#aeb4c2}.official-tips{grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px;display:grid}.official-tips article{background:#f6f7fa;border-radius:10px;padding:16px 17px}.official-tips h4{color:var(--primary);margin:0 0 10px;font-size:14px}.official-tips p{color:#666c7f;margin:7px 0 0;padding-left:14px;font-size:13px;line-height:1.65;position:relative}.official-tips p:before{content:"";background:#8e8def;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.related-matchups{grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px;display:grid}.related-matchups>section{border:1px solid #e8eaf0;border-radius:10px;overflow:hidden}.related-matchups h4{border-bottom:1px solid #eceef3;margin:0;padding:10px 12px;font-size:10px}.related-matchups button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #eff0f4;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.related-matchups button:last-child{border-bottom:0}.related-matchups button:hover{background:#f6f6ff}.related-matchups img{object-fit:cover;border-radius:8px;width:31px;height:31px}.related-matchups span b,.related-matchups span small{display:block}.related-matchups span b{font-size:10px}.related-matchups span small{color:#969bac;margin-top:2px;font-size:8px}.related-matchups button>strong{font-size:11px}.stat-card:first-child{grid-row:span 2}.section-heading{border-bottom:1px solid #eef0f5;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.section-heading p{color:var(--primary);letter-spacing:1.2px;margin:0 0 4px;font-size:9px;font-weight:800}.section-heading h2{margin:0;font-size:15px}.legend{color:#a1a5b7;gap:15px;font-size:8px;display:flex}.stat-list{padding:7px 14px}.stat-row{border-bottom:1px solid #edf0f4;grid-template-columns:26px auto minmax(110px,1fr) 142px;align-items:center;gap:11px;min-height:82px;display:grid;position:relative;overflow:visible}.stat-row:has(.stat-name-list){min-height:106px}.stat-row:last-child{border:0}.rank{color:#858a9e;background:#f2f3f7;border-radius:7px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.asset-stack{min-width:36px;display:flex}.asset-stack img{object-fit:cover;background:#eef0f5;border:2px solid #fff;border-radius:10px;width:38px;height:38px;margin-left:-7px;position:relative;box-shadow:0 2px 5px #1f234612}.asset-stack img:first-child{margin-left:0}.asset-detail{z-index:1;flex:none;margin-left:-7px;display:block;position:relative}.asset-detail:first-child{margin-left:0}.asset-detail>img{margin-left:0;display:block}.asset-detail:hover,.asset-detail:focus{z-index:30;outline:0}.asset-tooltip{z-index:100;color:#dce4f2;pointer-events:none;text-align:left;white-space:normal;background:#161d2c;border:1px solid #303952;border-radius:9px;width:min(250px,70vw);padding:11px 12px;display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f14233d}.asset-detail:first-child .asset-tooltip{left:0;transform:none}.asset-detail:hover .asset-tooltip,.asset-detail:focus .asset-tooltip,.asset-tooltip b,.asset-tooltip strong,.asset-tooltip small{display:block}.asset-tooltip b{color:#fff;font-size:12px}.asset-tooltip p{color:#bdc8d9;white-space:pre-line;margin:7px 0 0;font-size:10px;line-height:1.5}.asset-tooltip strong{color:#e8c56c;margin-top:8px;font-size:10px}.asset-tooltip small{color:#8492a8;margin-top:5px;font-size:8px}.stat-copy{min-width:0}.stat-copy strong,.stat-copy span{display:block}.stat-copy strong{color:#3f4458;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.stat-copy span{color:#999eae;margin-top:5px;font-size:9px}.stat-copy .stat-name-list{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.stat-copy .stat-record{color:#858b9e;margin-top:5px;font-size:8px;font-weight:700;display:block}.stat-metrics{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-metrics>span{text-align:right;background:#f6f7fa;border-radius:8px;padding:8px 7px}.stat-metrics small,.stat-metrics b{display:block}.stat-metrics small{color:#969bac;font-size:8px;font-weight:650}.stat-metrics b{color:#34394d;margin-top:4px;font-size:11px}.stat-metrics>span:last-child b{color:var(--teal)}.empty{color:var(--muted);text-align:center;padding:35px 18px;font-size:10px}.result-meta{color:#999daf;gap:18px;padding:12px 3px;font-size:9px;display:flex}.site-footer{color:#8b8fa1;border-top:1px solid #e1e3eb;grid-template-columns:.6fr 1.4fr;gap:70px;width:min(1120px,100% - 40px);margin:75px auto 0;padding:30px 0 38px;display:grid}.footer-brand{width:max-content}.site-footer>div>p{margin:12px 0 0;font-size:10px}.legal{margin:0;font-size:9px;line-height:1.7}.profile-topbar{background:#fff;position:relative}.summoner-search.compact{width:min(590px,60vw)}.summoner-search.compact .summoner-search-box{min-height:46px;box-shadow:none;border-radius:10px;grid-template-columns:84px minmax(0,1fr) 64px;padding:3px}.summoner-search.compact .summoner-search-box label{padding:0 10px}.summoner-search.compact .summoner-search-box label>span{display:none}.summoner-search.compact .summoner-search-box select,.summoner-search.compact .summoner-search-box input{height:36px;font-size:13px}.summoner-search.compact .summoner-search-box>button{height:38px;box-shadow:none;border-radius:8px;font-size:13px}.summoner-search.compact .summoner-search-box>button span{display:inline}.summoner-search.compact .summoner-autocomplete{left:90px;right:55px}.summoner-id-field.has-player-icon{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;display:grid}.summoner-id-field.has-player-icon>span{grid-column:1/-1}.summoner-search-avatar{object-fit:cover;border-radius:8px;width:30px;height:30px}.player-suggestion-icon{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.demo-banner{color:#6565bb;background:#f1f0ff;border:1px solid #d9d8ff;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:9px 13px;font-size:10px;display:flex}.demo-banner b{color:var(--primary);letter-spacing:1px;font-size:9px}.profile-icon{flex:none;width:82px;height:82px;position:relative}.profile-icon img{object-fit:cover;border-radius:18px;width:100%;height:100%}.profile-icon span{color:#fff;text-align:center;background:#292d43;border:2px solid #fff;border-radius:9px;min-width:30px;padding:3px 7px;font-size:9px;position:absolute;bottom:-7px;right:10px}.summoner-identity{flex:1;min-width:0}.summoner-identity p{color:var(--primary);margin:0 0 5px;font-size:10px;font-weight:800}.summoner-identity h1{letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:27px;overflow:hidden}.summoner-identity h1 span{color:#979bad;font-weight:500}.summoner-identity small{color:#9a9eae;margin-top:8px;font-size:9px;display:block}.refresh-button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;height:38px;padding:0 15px;font-size:12px;font-weight:800}.profile-tabs{background:#fff;border:1px solid #e0e2e9;border-top:0;border-radius:0 0 16px 16px;gap:24px;padding:0 25px;display:flex}.profile-tabs span,.profile-tabs b{color:#9296a8;padding:14px 2px 12px;font-size:11px}.profile-tabs b{border-bottom:2px solid var(--primary);color:var(--primary)}.live-matchup-strip{background:#fff;border:1px solid #dddff0;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:11px 14px;display:flex}.live-matchup-strip>div:first-child{align-items:center;gap:8px;display:flex}.live-matchup-strip i{background:#2bc4a9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2bc4a91c}.live-matchup-strip span{color:#858a9c;font-size:9px}.live-matchup-strip strong{font-size:11px}.live-opponents{align-items:center;gap:6px;display:flex}.live-opponents>b{color:var(--primary);margin-right:3px;font-size:10px}.live-opponents a{color:var(--text);border:1px solid #e5e6ed;border-radius:9px;align-items:center;gap:5px;padding:4px 7px 4px 4px;text-decoration:none;display:flex}.live-opponents a:hover{border-color:#aaa9e4}.live-opponents img{object-fit:cover;border-radius:7px;width:28px;height:28px}.live-opponents a span{color:#5f6477;font-size:10px;font-weight:700}.profile-layout{grid-template-columns:325px minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.profile-sidebar{flex-direction:column;gap:12px;display:flex}.profile-card,.match-history{background:#fff;border:1px solid #e0e2e9;border-radius:13px}.profile-card-title{border-bottom:1px solid #eff0f4;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.profile-card-title span{color:#989cac;font-size:9px}.rank-main{grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:18px 15px;display:grid}.rank-emblem{color:#fff;background:linear-gradient(145deg,#84b9ad,#40786f);border-radius:50%;place-items:center;width:56px;height:56px;font-family:Georgia,serif;font-size:24px;display:grid;box-shadow:inset 0 0 0 5px #ffffff42}.rank-emblem.gold{background:linear-gradient(145deg,#dbbd63,#8e6d1e)}.rank-emblem.platinum{background:linear-gradient(145deg,#86bec4,#46757b)}.rank-emblem.diamond{background:linear-gradient(145deg,#879aed,#5d61b8)}.rank-emblem.master,.rank-emblem.grandmaster,.rank-emblem.challenger{background:linear-gradient(145deg,#ba7bd6,#6e3e9b)}.rank-main strong{font-size:13px}.rank-main p{color:#777c8e;margin:4px 0 0;font-size:10px}.rank-record{text-align:right}.rank-record b,.rank-record span{display:block}.rank-record span{color:#9da1b1;margin-top:5px;font-size:9px}.unranked{color:#9da1b1;text-align:center;padding:28px;font-size:12px}.summary-row{border-bottom:1px solid #f1f2f5;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px 13px;display:grid}.summary-row:last-child{border:0}.summary-row img{object-fit:cover;border-radius:11px;width:42px;height:42px}.summary-row strong,.summary-row span,.summary-row b{display:block}.summary-row span{color:#999dad;margin-top:3px;font-size:8px}.summary-row>div:last-child{text-align:right}.summary-row>div:last-child b{color:var(--teal);font-size:10px}.recent-overview{border-bottom:1px solid #e9ebf0;justify-content:center;align-items:center;gap:30px;min-height:105px;padding:15px;display:flex}.recent-overview>div:not(.win-ring) strong,.recent-overview>div:not(.win-ring) span{display:block}.recent-overview strong{font-size:12px}.recent-overview span{color:#9094a5;margin-top:5px;font-size:9px}.win-ring{background:conic-gradient(var(--rate-color,var(--primary)) var(--win),#eceef4 0);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative}.win-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.win-ring b{z-index:1;color:var(--rate-color,var(--text));font-size:11px}.history-heading{background:#fafbfc;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.history-heading b{font-size:11px}.history-heading span{color:#999dad;font-size:9px}.match-list{background:#f5f6f9}.match-row{background:#eef5ff;grid-template-columns:86px 66px 105px 95px minmax(110px,1fr);align-items:center;gap:9px;min-height:101px;margin-top:1px;padding:13px 14px 13px 18px;display:grid;position:relative}.match-row:before{content:"";background:#6f91dd;width:4px;position:absolute;inset:0 auto 0 0}.match-row.defeat{background:#fff0f2}.match-row.defeat:before{background:#dc7280}.match-meta b,.match-meta span,.match-meta small{display:block}.match-meta b{color:#4d75c5;font-size:10px}.defeat .match-meta b{color:#d05b6b}.match-meta span,.match-meta small{color:#8e93a5;margin-top:4px;font-size:8px}.match-meta i{border-top:1px solid #646e8c2e;width:34px;margin:7px 0;display:block}.played-champion{gap:3px;display:flex}.played-champion>img{object-fit:cover;border-radius:13px;width:48px;height:48px}.spell-stack{flex-direction:column;gap:2px;display:flex}.spell-stack img{border-radius:6px;width:22px;height:22px}.match-kda strong,.match-kda span{display:block}.match-kda strong{color:#55596c;font-size:12px;font-weight:500}.match-kda em{color:#d45465;font-style:normal}.match-stats span{color:#767b8f;margin:4px 0;font-size:8px;display:block}.match-items{flex-wrap:wrap;gap:3px;display:flex}.match-items img{background:#dfe3ec;border-radius:7px;width:28px;height:28px}.profile-loading,.profile-error{text-align:center;background:#fff;border:1px solid #e0e2e9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.profile-loading b{margin-top:14px;font-size:13px}.profile-loading span,.profile-error p{color:var(--muted);margin:7px 0 0;font-size:10px}.profile-error b{font-size:15px}.profile-error a{background:var(--primary);color:#fff;border-radius:8px;margin-top:16px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none}@media (max-width:820px){.topbar{gap:18px;padding:0 18px}.intro{padding:38px 0 24px}.intro h1{letter-spacing:-1.8px;font-size:38px}.matchup-grid{grid-template-columns:1fr 34px 1fr;gap:7px}.champion-button{height:84px}.champion-content{gap:9px;padding:10px}.champion-content img,.placeholder-icon{width:52px;height:52px}.champion-content strong{font-size:16px}.swap-button{width:34px;height:34px;margin-bottom:32px}.champion-list,.filter-row{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}.stat-card:first-child{grid-row:auto}.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr 1fr;display:grid}.champion-summary{grid-column:1/-1}.match-row{grid-template-columns:78px 60px 90px minmax(100px,1fr)}.match-stats{display:none}}@media (max-width:540px){main{width:calc(100% - 24px)}.topbar{height:64px}.brand{font-size:11px}.brand-mark{width:32px;height:32px}.patch-pill{display:none}.language-switcher button{min-width:27px;padding:0 5px}.intro{padding-top:34px}.intro h1{letter-spacing:-1.4px;font-size:31px;line-height:1.18}.intro>div>p:last-child{font-size:13px}.summoner-hero{padding:42px 0 36px}.summoner-hero.compact-hero{padding:24px 0 20px}.simple-section-label{padding-left:5px;font-size:15px}.compact-hero-copy{margin-bottom:10px;display:block}.compact-hero-copy h1{font-size:19px}.compact-hero-copy span{display:none}.unified-search{grid-template-columns:68px minmax(0,1fr) 64px;height:50px;padding:0}.unified-search>.custom-select .custom-select-trigger,.unified-input{height:48px}.unified-input{padding:0 9px}.unified-input input{font-size:12px}.unified-champion-grid{grid-template-columns:repeat(3,1fr)}.summoner-hero h1{letter-spacing:-1.4px;font-size:30px}.summoner-hero>p:not(.eyebrow){font-size:12px;line-height:1.6}.summoner-search-box{grid-template-columns:78px minmax(0,1fr) 54px;min-height:62px;padding:5px}.summoner-search-box label{padding:0 8px}.summoner-search-box>button{height:50px}.summoner-search-box>button span{display:none}.summoner-autocomplete{left:5px;right:60px}.champion-quick-results{grid-template-columns:repeat(4,1fr)}.quick-tool-heading{flex-direction:column;align-items:start;gap:5px}.quick-tool-heading>span{display:none}.analysis-card{border-radius:17px;padding:16px}.card-tools>span{display:none}.matchup-grid{grid-template-columns:1fr}.swap-button{z-index:3;justify-self:end;margin:-13px 9px -13px 0;position:relative;top:auto;right:auto}.champion-button{height:82px}.champion-content strong{font-size:17px}.champion-menu{flex-direction:column;margin:0;display:flex;position:fixed;inset:72px 12px 12px}.champion-list{flex:1;grid-template-columns:repeat(3,1fr);max-height:none}.champion-list button{text-align:center;flex-direction:column}.champion-list img{width:44px;height:44px}.filter-row{grid-template-columns:1fr 1fr}.filter-row label:nth-child(3),.search-button{grid-column:1/-1}.empty-state{text-align:center;flex-direction:column;padding:28px}.result-title{flex-wrap:wrap}.result-title>div:nth-child(2){order:3;width:100%}.sample{margin-left:auto}.stat-row{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr) 104px;gap:4px 7px;min-height:88px;padding:8px 0}.matchup-versus{grid-template-columns:1fr 58px 1fr;gap:6px;padding:18px 10px}.matchup-versus>article,.matchup-versus>article.enemy-side{text-align:center;flex-direction:column;gap:8px}.matchup-champion-copy,.enemy-side .matchup-champion-copy{align-items:center;gap:7px}.matchup-champion-title,.enemy-side .matchup-champion-title{flex-direction:column;align-items:center;gap:2px}.matchup-portrait{width:64px;height:64px}.matchup-versus h4{font-size:14px}.matchup-champion-title>strong{font-size:16px}.matchup-ability{width:25px;height:25px}.matchup-abilities{justify-content:center}.matchup-balance>b{font-size:14px}.matchup-balance>small{font-size:7px}.official-tips,.related-matchups{grid-template-columns:1fr;padding:0 10px 10px}.stat-row>.rank{grid-row:1/3}.stat-row>.asset-stack{grid-area:1/2}.stat-row>.stat-copy{grid-area:2/2}.stat-row>.stat-metrics{grid-area:1/3/3}.stat-copy strong{font-size:10px}.stat-copy span{margin-top:3px}.stat-name{display:none}.asset-stack img{width:31px;height:31px}.site-footer{grid-template-columns:1fr;gap:22px;width:calc(100% - 24px);margin-top:55px}.profile-topbar{flex-wrap:nowrap;height:64px}.profile-topbar .brand>span:last-child{display:none}.summoner-search.compact{flex:1;width:auto}.summoner-search.compact .summoner-search-box{grid-template-columns:60px minmax(0,1fr) 54px}.profile-main{width:calc(100% - 20px);padding-top:16px}.summoner-header{align-items:flex-start;gap:12px;padding:17px}.profile-icon{width:64px;height:64px}.summoner-identity h1{font-size:19px}.refresh-button{padding:0 10px}.profile-tabs{gap:18px}.profile-sidebar{order:2;display:flex}.match-history{order:1}.live-matchup-strip{flex-direction:column;align-items:flex-start}.live-opponents{max-width:100%;overflow:auto}.recent-overview{gap:16px}.match-row{grid-template-columns:72px 55px 1fr;min-height:92px;padding:10px 8px 10px 14px}.match-stats,.match-items{display:none}.played-champion>img{width:44px;height:44px}.spell-stack img{width:20px;height:20px}}.display-controls{flex:none;align-items:center;gap:7px;display:flex}.theme-switcher{border:1px solid var(--line);color:#777c90;cursor:pointer;letter-spacing:.5px;background:#fff;border-radius:8px;align-items:center;gap:6px;height:33px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.theme-switcher i{color:#6266cf;font-size:14px;font-style:normal;line-height:1}.theme-switcher:hover{color:var(--primary);border-color:#c8c8ed}body,.topbar,.stat-card,.profile-card,.match-history,.summoner-header,.analysis-card{transition:background-color .2s,border-color .2s,color .2s}html[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101827;--panel:#182337;--panel-soft:#1c2940;--line:#2a3850;--line-strong:#394a66;--text:#edf2ff;--muted:#9ba8bf;--primary:#9293ff;--primary-dark:#7c7eea;--primary-soft:#292d58;--teal:#55d6c2;--red:#ff8497;--shadow:0 20px 60px #02071238;background:#101827}html[data-theme=night] body{color:var(--text);background:radial-gradient(circle at 12% 5%,#705fd22e,#0000 31rem),radial-gradient(circle at 88% 15%,#2794a41f,#0000 28rem),linear-gradient(#111a2b 0%,#0f1726 100%)}html[data-theme=night] .topbar{background:#101827e0;border-color:#29374d}html[data-theme=night] .brand{color:#f2f4ff}html[data-theme=night] .brand-mark{color:#e2c77e;filter:drop-shadow(0 4px 8px #0000003d);background:linear-gradient(145deg,#333b65,#191f37)}html[data-theme=night] .patch-pill,html[data-theme=night] .language-switcher,html[data-theme=night] .theme-switcher{color:#a9b4c9;background:#182337;border-color:#31405a}html[data-theme=night] .language-switcher button{color:#8794ac}html[data-theme=night] .language-switcher button.active{color:#b7b8ff;background:#30335d}html[data-theme=night] .theme-switcher i{color:#efcb72}html[data-theme=night] .custom-select-trigger,html[data-theme=night] .custom-select-menu,html[data-theme=night] .unified-search,html[data-theme=night] .unified-results,html[data-theme=night] .summoner-search-box,html[data-theme=night] .summoner-autocomplete,html[data-theme=night] .champion-quick-search,html[data-theme=night] .champion-menu,html[data-theme=night] .champion-combobox,html[data-theme=night] .champion-button,html[data-theme=night] .analysis-card,html[data-theme=night] .stat-card,html[data-theme=night] .summoner-header,html[data-theme=night] .profile-card,html[data-theme=night] .match-history,html[data-theme=night] .live-matchup-strip,html[data-theme=night] .profile-loading,html[data-theme=night] .profile-error{color:var(--text);box-shadow:none;background:#182337;border-color:#2b3a53}html[data-theme=night] .recent-search-chip{background:#182337;border-color:#30405a}html[data-theme=night] .recent-search-chip>button{color:#dbe3f2}html[data-theme=night] .recent-search-chip small,html[data-theme=night] .recent-search-chip>button:last-child,html[data-theme=night] .recent-search-chips>b{color:#8d9ab1}html[data-theme=night] .recent-search-chip:hover{background:#202d45;border-color:#59618f}html[data-theme=night] .unified-search>.custom-select .custom-select-trigger,html[data-theme=night] .summoner-id-field{border-color:#2d3b54}html[data-theme=night] .custom-select-menu button,html[data-theme=night] .custom-select-trigger{color:#cad3e5}html[data-theme=night] .custom-select-menu button:hover,html[data-theme=night] .unified-player:hover,html[data-theme=night] .riot-id-result:hover,html[data-theme=night] .summoner-autocomplete button:hover,html[data-theme=night] .champion-list button:hover{color:#b8b9ff;background:#242f49}html[data-theme=night] .custom-select-menu button.selected{color:#bdbdff;background:#2c315d}html[data-theme=night] input{color:#edf2ff!important}html[data-theme=night] input::placeholder{color:#7f8da6}html[data-theme=night] .unified-results section+section,html[data-theme=night] .champion-result-label,html[data-theme=night] .recent-champions,html[data-theme=night] .champion-quick-results{border-color:#29374e}html[data-theme=night] .recent-champions{background:#151f31}html[data-theme=night] .unified-player strong,html[data-theme=night] .riot-id-result strong{color:#e4e9f7}html[data-theme=night] .intro h1,html[data-theme=night] .summoner-hero h1,html[data-theme=night] .quick-tool-heading h2,html[data-theme=night] .card-heading h2,html[data-theme=night] .champion-content strong,html[data-theme=night] .result-title h2,html[data-theme=night] .section-heading h2,html[data-theme=night] .summoner-identity h1,html[data-theme=night] .profile-card-title b,html[data-theme=night] .history-heading b{color:#f1f4ff}html[data-theme=night] .champion-content,html[data-theme=night] .filter-row label{background:#162136;border-color:#2d3c55}html[data-theme=night] .champion-combobox.open,html[data-theme=night] .champion-combobox:focus-within{background:#1b2840;border-color:#59618f}html[data-theme=night] .champion-combobox>button,html[data-theme=night] .swap-button,html[data-theme=night] .champion-search{color:#b7b9ff;background:#243149;border-color:#35455f}html[data-theme=night] .champion-combobox>button:hover,html[data-theme=night] .swap-button:hover{background:#2c3853;border-color:#696ca4}html[data-theme=night] .champion-combobox>img,html[data-theme=night] .champion-content img{border-color:#34445f}html[data-theme=night] .filter-row{border-color:#2b3950}html[data-theme=night] .champion-content:hover,html[data-theme=night] .filter-row label:hover{background:#1b2840;border-color:#59618f}html[data-theme=night] .champion-menu-meta,html[data-theme=night] .history-heading{background:#151f31;border-color:#29374d}html[data-theme=night] .champion-list button{color:#cbd4e5}html[data-theme=night] .empty-state{background:#18233794;border-color:#35445e}html[data-theme=night] .empty-visual span{background:#25334a;border-color:#101827}html[data-theme=night] .alert.warning{color:#ddc57d;background:#2a261b;border-color:#62552d}html[data-theme=night] .alert.info{color:#6fd9c8;background:#172d2e;border-color:#28554f}html[data-theme=night] .alert.error{color:#ff9aaa;background:#32202a;border-color:#603542}html[data-theme=night] .section-heading,html[data-theme=night] .stat-row{border-color:#29374d}html[data-theme=night] .rank{color:#aab5ca;background:#222e44}html[data-theme=night] .asset-stack img{background:#263349;border-color:#182337}html[data-theme=night] .stat-copy strong{color:#e2e8f5}html[data-theme=night] .stat-metrics>span{background:#202c42}html[data-theme=night] .stat-metrics b{color:#e8edfa}html[data-theme=night] .matchup-overview-card{background:#182337;border-color:#2b3a53}html[data-theme=night] .matchup-overview-card>header{border-color:#2b394f}html[data-theme=night] .matchup-overview-card>header h3,html[data-theme=night] .matchup-overview-card>header>span b,html[data-theme=night] .matchup-versus h4{color:#edf2ff}html[data-theme=night] .matchup-portrait img{border-color:#182337}html[data-theme=night] .ability-skeleton{background:#243149}html[data-theme=night] .matchup-balance>span{background:#743747}html[data-theme=night] .official-tips article{background:#141f31}html[data-theme=night] .official-tips p{color:#aeb9cb}html[data-theme=night] .related-matchups>section,html[data-theme=night] .related-matchups h4,html[data-theme=night] .related-matchups button{border-color:#29374d}html[data-theme=night] .related-matchups button:hover{background:#202c43}html[data-theme=night] .site-footer{color:#8996ae;border-color:#26344b}html[data-theme=night] .profile-site{background:0 0}html[data-theme=night] .profile-icon span{background:#0e1625;border-color:#182337}html[data-theme=night] .profile-card-title,html[data-theme=night] .recent-overview,html[data-theme=night] .history-heading{border-color:#29374d}html[data-theme=night] .profile-card-title button:hover,html[data-theme=night] .profile-card-title button.active,html[data-theme=night] .queue-filters button.active{color:#b9baff;background:#2a2f5a;border-color:#444a7b}html[data-theme=night] .rank-tier strong,html[data-theme=night] .recent-overview strong,html[data-theme=night] .summary-row strong{color:#e8edf9}html[data-theme=night] .recent-detail{border-color:#2b394f}html[data-theme=night] .recent-detail p>b{color:#c6d0e2;background:#202c42}html[data-theme=night] .recent-detail section>small{color:#8996ad}html[data-theme=night] .summary-row{color:#dfe5f2;background:#182337;border-color:#26344a}html[data-theme=night] .summary-row:hover,html[data-theme=night] .summary-row.active{background:#232d4a}html[data-theme=night] .win-ring{background:conic-gradient(var(--rate-color,#8d8fff) var(--win),#273349 0)}html[data-theme=night] .win-ring:after{background:#182337}html[data-theme=night] .match-list{background:#101827}html[data-theme=night] .match-row{background:#172a40;border-color:#29445f}html[data-theme=night] .match-row:hover{background:#1a3049;border-color:#3f6285}html[data-theme=night] .match-row.defeat{background:#34232e;border-color:#583748}html[data-theme=night] .match-row.defeat:hover{background:#3b2633;border-color:#795064}html[data-theme=night] .match-meta span,html[data-theme=night] .match-kda strong,html[data-theme=night] .match-kda span,html[data-theme=night] .match-opponent b{color:#d2daea}html[data-theme=night] .played-champion>span{background:#0d1524;border-color:#172a40}html[data-theme=night] .defeat .played-champion>span{border-color:#34232e}html[data-theme=night] .match-items i,html[data-theme=night] .team-player-items i{background:#28364c}html[data-theme=night] .match-details-panel{background:#141f31;border-color:#2a394f}html[data-theme=night] .match-detail-summary{border-color:#2a394f}html[data-theme=night] .match-detail-summary span b{color:#dbe2ef}html[data-theme=night] .match-detail-summary a{color:#b7b8ff;background:#202b45;border-color:#414a76}html[data-theme=night] .match-team:first-child{border-color:#2b394f}html[data-theme=night] .match-team>header{background:#111b2c}html[data-theme=night] .team-player{color:#dce3f1;border-color:#26344a}html[data-theme=night] .team-player:hover{background:#202c43}html[data-theme=night] .team-player.me{background:#292d52}html[data-theme=night] .team-player-name b,html[data-theme=night] .team-player-kda b,html[data-theme=night] .team-player-stat b{color:#e1e7f4}html[data-theme=night] .profile-empty-filter{color:#9da9bd;background:#172236}@media (max-width:540px){.theme-switcher{justify-content:center;width:29px;padding:0}.theme-switcher span{display:none}.display-controls{gap:4px}}.profile-site{background:#f4f6fa}.profile-main{width:min(1180px,100% - 40px);min-height:680px;padding:28px 0 0}.summoner-header{background:#fff;border:1px solid #e1e4ec;border-radius:15px;align-items:center;gap:18px;min-height:108px;padding:16px 22px;display:flex}.profile-icon{width:78px;height:78px}.profile-icon img{border-radius:16px}.summoner-identity h1{font-size:26px}.summoner-identity small{font-size:10px}.profile-header-stats{align-items:center;margin-right:6px;display:flex}.profile-header-stats>span{color:#9095a7;text-align:center;border-left:1px solid #eceef3;min-width:76px;padding:2px 16px;font-size:9px}.profile-header-stats b{color:#25293b;margin-bottom:5px;font-size:15px;display:block}.refresh-button{min-width:84px;height:38px;box-shadow:none;transition:background .15s,opacity .15s}.refresh-button:hover{background:var(--primary-dark)}.refresh-button:disabled{cursor:wait;opacity:.65}.profile-insights{background:#fff;border:1px solid #e1e4ec;border-radius:13px;grid-template-columns:repeat(4,1fr);margin-top:11px;display:grid;overflow:hidden}.profile-insights>div{border-left:1px solid #edf0f4;padding:14px 18px}.profile-insights>div:first-child{border-left:0}.profile-insights span,.profile-insights b{display:block}.profile-insights span{color:#969bad;font-size:9px}.profile-insights b{color:#303447;margin-top:6px;font-size:12px}.profile-layout{grid-template-columns:306px minmax(0,1fr);gap:11px;margin-top:12px}.profile-sidebar{gap:11px}.profile-card,.match-history{box-shadow:none;border-color:#e1e4ec;border-radius:13px}.profile-card-title{min-height:43px;padding:12px 14px}.profile-card-title b{font-size:13px}.profile-card-title span{font-size:9px}.profile-card-title button{color:#969bad;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700}.profile-card-title button.active,.profile-card-title button:hover{background:var(--primary-soft);color:var(--primary)}.rank-main{grid-template-columns:82px 1fr auto;gap:10px;min-height:108px;padding:10px 14px;overflow:hidden}.rank-emblem-image{background-position:50%;background-repeat:no-repeat;background-size:330px;width:80px;height:80px}.rank-tier strong{font-size:12px}.rank-tier p{color:#777c8e;margin:5px 0 0;font-size:10px}.rank-record b{color:#666b7e;font-size:9px}.rank-record span{font-size:9px}.unranked{flex-direction:column;gap:5px;padding:25px;display:flex}.unranked span{color:#777c8e;font-size:11px;font-weight:700}.unranked small{color:#a1a5b4;font-size:9px}.champion-summary{overflow:hidden}.summary-row{cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f1f5;width:100%;min-height:58px;padding:8px 12px;transition:background .12s}.summary-row:hover,.summary-row.active{background:#f5f5ff}.summary-row.active{box-shadow:inset 3px 0 var(--primary)}.summary-row img{border-radius:10px;width:40px;height:40px}.summary-row strong{font-size:11px}.summary-row span{font-size:9px}.summary-row>div:last-child b{font-size:12px}.match-history{align-self:start;overflow:hidden}.recent-overview{justify-content:flex-start;gap:28px;min-height:100px;padding:15px 24px}.recent-overview>div:not(.win-ring) strong{font-size:14px}.recent-overview>div:not(.win-ring) span{font-size:10px}.recent-detail{border-left:1px solid #e8eaf0;flex:1;grid-template-columns:auto minmax(150px,1fr);gap:18px;min-width:260px;margin-left:auto;padding-left:20px;display:grid}.recent-detail section{min-width:0}.recent-detail section>small{color:#959aac;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.recent-detail p{align-items:center;gap:5px;margin:0;display:flex}.recent-detail p>b{color:#5f6578;white-space:nowrap;background:#f2f3f7;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;display:flex}.recent-detail p>b em{color:var(--primary);font-size:8px;font-style:normal}.recent-champion-list button{cursor:pointer;background:#e9ebf1;border:0;border-radius:8px;width:31px;height:31px;padding:0;position:relative;overflow:hidden}.recent-champion-list img{object-fit:cover;width:100%;height:100%}.recent-champion-list i{color:#fff;background:#141826d1;border-radius:5px 0 0;min-width:13px;padding:1px 3px;font-size:7px;font-style:normal;position:absolute;bottom:0;right:0}.win-ring{width:62px;height:62px}.history-heading{background:#fbfcfd;border-bottom:1px solid #e9ebf1;min-height:48px;padding:9px 13px}.history-heading>div:first-child{align-items:center;gap:7px;display:flex}.history-heading>div:first-child>b{font-size:12px}.history-heading>div:first-child>button{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:0;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700}.queue-filters{gap:3px;display:flex}.queue-filters button{color:#858a9c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;height:28px;padding:0 9px;font-size:9px;font-weight:700}.queue-filters button:hover{background:#f1f2f6}.queue-filters button.active{color:var(--primary);background:#eef;border-color:#ddddf5}.match-list{background:#f4f5f8;padding:7px}.match-row{cursor:pointer;background:#f2f7fd;border:1px solid #dfe8f3;border-radius:10px;grid-template-columns:126px 100px 120px 90px minmax(140px,1fr);align-items:center;gap:10px;min-height:98px;margin:0 0 7px;padding:13px 40px 13px 16px;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:visible}.match-row:hover{background:#edf5fd;border-color:#c9d8eb}.match-row.defeat:hover{background:#fff0f2;border-color:#e9cbd2}.match-row:focus-visible{outline-offset:2px;outline:2px solid #5c5ce259}.match-row.expanded{padding-bottom:0}.match-row:last-child{margin-bottom:0}.match-row:before{border-radius:0 3px 3px 0;width:3px;inset:10px auto 10px 0}.match-row.defeat{background:#fff5f6;border-color:#f0dfe3}.match-meta b{font-size:12px}.match-meta span{color:#62687b;margin-top:6px;font-size:10px;font-weight:650}.match-meta small{color:#9297a8;margin-top:5px;font-size:9px;line-height:1.5}.match-champion-block{align-items:center;gap:4px;display:flex}.played-champion{display:block;position:relative}.played-champion>img{border-radius:11px;width:52px;height:52px}.played-champion>span{color:#fff;background:#34394d;border:2px solid #f2f7fd;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}.defeat .played-champion>span{border-color:#fff5f6}.match-loadout{gap:2px;display:flex}.match-loadout>div{flex-direction:column;gap:2px;display:flex}.match-loadout img,.match-loadout i{object-fit:cover;background:#dfe3eb;border-radius:5px;width:18px;height:18px}.match-loadout>div:last-child img{background:#22283a;border-radius:50%}.match-kda strong{color:#3f4458;font-size:15px}.match-kda span{color:#7e8497;margin-top:6px;font-size:10px}.kda-score{font-weight:850!important}.kda-score.kda-elite{color:#8a5be2!important}.kda-score.kda-good{color:#00a58f!important}.kda-score.kda-average{color:#3979cb!important}.kda-score.kda-low{color:#858b9e!important}.rate-score{font-weight:850!important}.rate-elite{--rate-color:#9460e7}.rate-high{--rate-color:#00a68f}.rate-mid{--rate-color:#c8892e}.rate-low{--rate-color:#d75c6d}.rate-score.rate-elite{color:#9460e7!important}.rate-score.rate-high{color:#00a68f!important}.rate-score.rate-mid{color:#c8892e!important}.rate-score.rate-low{color:#d75c6d!important}.share-score{font-weight:800!important}.share-score.share-high{color:#7963dc!important}.share-score.share-mid{color:#4479bd!important}.share-score.share-low{color:#858b9e!important}html[data-theme=night] .rate-elite{--rate-color:#b48aff}html[data-theme=night] .rate-high{--rate-color:#42d4ba}html[data-theme=night] .rate-mid{--rate-color:#e2ad58}html[data-theme=night] .rate-low{--rate-color:#f08091}html[data-theme=night] .rate-score.rate-elite{color:#b48aff!important}html[data-theme=night] .rate-score.rate-high{color:#42d4ba!important}html[data-theme=night] .rate-score.rate-mid{color:#e2ad58!important}html[data-theme=night] .rate-score.rate-low{color:#f08091!important}html[data-theme=night] .share-score.share-high{color:#a797ff!important}html[data-theme=night] .share-score.share-mid{color:#72a8ed!important}html[data-theme=night] .share-score.share-low{color:#929db0!important}.match-numbers span{color:#6f7589;margin:4px 0;font-size:9px;display:block}.match-numbers b{color:#555b70;font-weight:700}.match-opponent{align-items:center;gap:8px;display:flex}.match-opponent>span{color:#9297a8;grid-column:1/-1;font-size:9px}.match-opponent img{object-fit:cover;border-radius:8px;width:34px;height:34px}.match-opponent b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.match-items{grid-template-columns:repeat(4,27px);justify-content:end;gap:3px;display:grid}.match-items img,.match-items i{object-fit:cover;background:#6970891a;border-radius:6px;width:27px;height:27px}.match-details{grid-column:1/-1;height:0}.match-details summary{color:#888da0;cursor:pointer;border-radius:6px;place-items:center;width:22px;height:36px;font-size:14px;list-style:none;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.match-details summary:hover{color:var(--primary);background:#5b59df14}.match-details summary::-webkit-details-marker{display:none}.match-details[open]{height:auto;padding-top:10px}.match-details[open] summary{top:38px;transform:rotate(180deg)}.match-details>div{border-top:1px solid #7a829a24;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:8px;padding:10px 11px;display:grid}.match-details>div span{color:#9297a8;font-size:8px}.match-details>div span b{color:#4f5569;margin-top:4px;font-size:10px;display:block}.match-details a{color:var(--primary);white-space:nowrap;background:#fff;border:1px solid #dcdcf3;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:750;text-decoration:none}.match-expand-button{color:#858a9d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:38px;font-size:15px;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.match-expand-button:hover{color:var(--primary);background:#5b59df14}.match-row.expanded>.match-expand-button{top:45px;transform:rotate(180deg)}.match-details-panel{cursor:default;background:#fff;border-top:1px solid #6f799326;border-radius:0 0 9px 9px;grid-column:1/-1;margin:10px -38px 0 -15px}.match-detail-summary{border-bottom:1px solid #eceef3;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:10px;padding:12px 15px;display:grid}.match-detail-summary span{color:#8e93a5;font-size:9px}.match-detail-summary span b{color:#444a5e;margin-top:4px;font-size:11px;display:block}.match-detail-summary a{color:var(--primary);border:1px solid #dcdcf3;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:750;text-decoration:none}.match-team-grid{grid-template-columns:1fr 1fr;display:grid}.match-team:first-child{border-right:1px solid #eceef3}.match-team>header{background:#f7f8fb;justify-content:space-between;align-items:center;height:34px;padding:0 11px;display:flex}.match-team>header b{color:#d05b6b;font-size:10px}.match-team.winning>header b{color:#4d75c5}.match-team>header span{color:#969bad;font-size:8px;font-weight:700}.team-player{min-height:52px;color:inherit;border-top:1px solid #f0f1f4;grid-template-columns:34px 34px minmax(68px,1fr) 66px 42px 42px minmax(92px,1fr);align-items:center;gap:4px;padding:6px 8px;text-decoration:none;display:grid}.team-player:hover{background:#f6f7fb}.team-player.me{box-shadow:inset 3px 0 var(--primary);background:#f1f0ff}.team-player-champion{object-fit:cover;border-radius:8px;width:34px;height:34px}.team-player-loadout{gap:2px;width:33px;min-width:33px;display:flex;overflow:hidden}.team-player-loadout>div{flex-direction:column;gap:1px;width:15px;min-width:15px;display:flex}.team-player-loadout img{object-fit:cover;border-radius:4px;width:15px;height:15px}.team-player-loadout>div:last-child img{background:#22283a;border-radius:50%}.team-player-name,.team-player-kda,.team-player-stat,.team-player-items{min-width:0}.team-player-name{padding-left:1px;overflow:hidden}.team-player-name b,.team-player-name span,.team-player-kda b,.team-player-kda span,.team-player-stat b,.team-player-stat span{display:block}.team-player-name b,.team-player-name span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.team-player-name b{color:#34394c;font-size:10px}.team-player-name span,.team-player-kda span,.team-player-stat span{color:#979cac;margin-top:2px;font-size:8px}.team-player-kda{text-align:center}.team-player-kda b{color:#52586d;font-size:10px}.team-player-kda em{color:#d05b6b;font-style:normal}.team-player-stat{text-align:right}.team-player-stat b{color:#63697c;font-size:9px}.team-player-stat span{white-space:nowrap;overflow:visible}.team-player-items{flex-wrap:wrap;justify-content:end;gap:1px;display:flex}.team-player-items img,.team-player-items i{object-fit:cover;background:#edf0f4;border-radius:4px;width:19px;height:19px}.profile-empty-filter{color:#9499aa;text-align:center;background:#fff;border-radius:9px;padding:50px 20px;font-size:11px}@media (max-width:960px){.profile-header-stats{display:none}.profile-layout{grid-template-columns:280px minmax(0,1fr)}.match-row{grid-template-columns:116px 94px 110px 84px minmax(105px,1fr)}.match-team-grid{grid-template-columns:1fr}.match-team:first-child{border-bottom:1px solid #e4e7ed;border-right:0}}@media (max-width:820px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr 1fr;display:grid}.champion-summary{grid-column:1/-1}.match-row{grid-template-columns:116px 94px 110px 84px minmax(110px,1fr)}}@media (max-width:540px){.profile-main{width:calc(100% - 20px);padding-top:14px}.summoner-header{gap:11px;min-height:98px;padding:14px}.profile-icon{width:58px;height:58px}.summoner-identity h1{font-size:18px}.summoner-identity small{max-width:155px;font-size:8px}.refresh-button{min-width:58px;height:34px;padding:0 8px;font-size:10px}.profile-insights{grid-template-columns:1fr 1fr}.profile-insights>div{border-bottom:1px solid #edf0f4;padding:11px 13px}.profile-insights>div:nth-child(3){border-bottom:0;border-left:0}.profile-insights>div:nth-child(4){border-bottom:0}.profile-sidebar{display:flex}.recent-overview{flex-wrap:wrap;gap:16px}.recent-detail{border-top:1px solid #e8eaf0;border-left:0;flex-basis:100%;grid-template-columns:1fr 1.4fr;min-width:0;margin-left:0;padding:12px 0 0}.history-heading{flex-direction:column;align-items:flex-start;gap:8px}.queue-filters{width:100%;overflow:auto}.queue-filters button{white-space:nowrap;flex:1}.match-list{padding:5px}.match-row{grid-template-columns:94px 90px 1fr;min-height:92px;padding:10px 32px 10px 12px}.match-opponent,.match-items{display:none}.match-kda{text-align:right}.match-details>div{grid-template-columns:1fr 1fr}.match-details a{text-align:center;grid-column:1/-1}.match-detail-summary{grid-template-columns:1fr 1fr}.match-detail-summary a{text-align:center;grid-column:1/-1}.team-player{grid-template-columns:31px 33px minmax(64px,1fr) 58px 34px minmax(74px,1fr);gap:4px;padding:5px 6px}.team-player-stat:nth-child(6){display:none}.team-player-items img,.team-player-items i{width:17px;height:17px}}