:root{--site-width:1312px;--site-header-height:76px;--site-header-gap:40px;--site-nav-gap:26px;--site-brand-size:38px}body .header-inner,body .hero-inner,body .page-content,body footer{width:100%;max-width:var(--site-width)!important;padding-inline:var(--gutter)!important;margin-inline:auto}body .header{height:var(--site-header-height)!important}body .header-inner{height:100%!important;gap:var(--site-header-gap)!important}body .brand{font-size:var(--site-brand-size)!important}body .desktop-nav{gap:var(--site-nav-gap)!important}body .desktop-nav a,body .desktop-nav .tools-trigger{gap:9px;font-size:15px!important;font-weight:600}body .desktop-nav .nav-icon{width:21px;height:21px;flex-shrink:0;color:var(--muted)}body .desktop-nav :is(a,.tools-trigger):is(:hover,.active,[aria-expanded=true]) .nav-icon{color:var(--accent)}body .header-actions{gap:12px!important}body .header-actions .icon-button{height:44px!important;min-height:44px!important;min-width:50px!important;padding:0 14px!important;font-size:13px}body .header-actions #theme{min-width:66px!important}body .header-actions .region-label{display:flex!important}body .global-search{padding-block:14px}body:not(.home-view) .global-search{display:none!important}body.home-view .global-search{padding:0;background:none;border:0}body.home-view .global-search-inner{max-width:none}body.home-view .hero-inner{min-height:304px;padding-top:94px;padding-bottom:12px}body.home-view .hero-description{margin-bottom:80px}body.home-view .global-search .search-form{min-height:62px}body.home-view .global-search .server-select{width:204px;padding-inline:18px}body.home-view .global-search .search-submit{min-width:204px}body.home-view .global-search .search-submit span{font-size:16px}body.home-view .global-search .search-input-wrap input{font-size:13px}@media(max-width:1240px){:root{--site-header-gap:28px;--site-nav-gap:18px}body .header-actions{gap:10px!important}body .desktop-nav a,body .desktop-nav .tools-trigger{gap:7px;font-size:14px!important}}@media(max-width:1030px)and (min-width:761px){:root{--site-header-gap:18px;--site-nav-gap:12px;--site-brand-size:32px}body .desktop-nav a,body .desktop-nav .tools-trigger{gap:6px;font-size:12px!important}body .desktop-nav .nav-icon{width:18px;height:18px}body .header-actions .region-label{display:none!important}body .header-actions{gap:8px!important}}@media(max-width:760px){:root{--site-header-height:64px;--site-header-gap:16px;--site-brand-size:31px}body .header-actions{gap:8px!important}body .header-actions .region-label{display:none!important}body .header-actions .icon-button{min-width:44px!important;padding-inline:10px!important}body .header-actions #theme{min-width:44px!important}body .global-search{padding-block:10px}body.home-view .hero-inner{min-height:304px;padding-top:90px;padding-bottom:16px}body.home-view .global-search .search-form{min-height:58px}body.home-view .global-search .server-select{width:98px;padding-inline:6px}body.home-view .global-search .search-submit{min-width:44px}body.home-view .global-search .search-input-wrap input{font-size:16px}}@media(max-width:359px){body.home-view .global-search .server-select{width:82px;padding-inline:4px}body.home-view .global-search .search-input-wrap input{font-size:16px}}body .header-inner{position:relative}.profile-loading{max-width:1040px;margin:16px auto 32px;padding:24px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 90%,transparent)}.profile-loading-status{display:flex;align-items:center;gap:20px;padding:8px 4px 26px;border-bottom:1px solid var(--line)}.profile-loading-status h2{margin:0 0 6px;font-size:22px;line-height:1.35}.profile-loading-status p{margin:0 0 4px;font-size:17px;font-weight:600;overflow-wrap:anywhere}.profile-loading-status>div>span{color:var(--muted);font-size:14px}.profile-loading-spinner{flex:0 0 46px;width:46px;height:46px;border:3px solid var(--line);border-top-color:var(--accent);border-right-color:var(--interactive);border-radius:50%;animation:profile-loading-spin .85s linear infinite}.profile-loading-preview{padding-top:20px}.profile-loading-preview .profile-header{min-height:90px!important;padding:0!important}.profile-lookup-error .primary{margin:12px 16px 0 0}@keyframes profile-loading-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.profile-loading{padding:18px 14px;margin-top:8px}.profile-loading-status{gap:14px;align-items:flex-start}.profile-loading-status h2{font-size:19px}.profile-loading-status p{font-size:16px}.profile-loading-spinner{flex-basis:38px;width:38px;height:38px;margin-top:4px}}body{min-height:100vh}body:where(:not(:has(.hero:not(.compact)))),body.profile-view{background-color:var(--bg);background-image:linear-gradient(180deg,#050c1730,#060e1bd9),image-set(url(/assets/site-arena-800.webp) 1x,url(/assets/site-arena-1600.webp) 2x)!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}body.light:where(:not(:has(.hero:not(.compact)))),body.profile-view.light{background-image:linear-gradient(180deg,#f0f5fae0,#edf3f9f5),image-set(url(/assets/site-arena-800.webp) 1x,url(/assets/site-arena-1600.webp) 2x)!important}.brand-logo{width:154px;height:40px;display:block;overflow:visible;color:var(--text);flex-shrink:0}.header-country-flag,.server-flag img{width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0}.header-country-flag{box-shadow:0 0 0 1px #ffffff1a}@media(max-width:1240px){.brand-logo{width:136px;height:36px}}@media(max-width:1030px)and (min-width:761px){.brand-logo{width:104px;height:28px}}@media(max-width:760px){.brand-logo{width:112px;height:30px}}@media(max-width:359px){.brand-logo{width:96px;height:26px}}@media(min-width:761px)and (max-width:950px){body .header-actions .account-auth-button{font-size:11px;padding-inline:8px}body .header-actions{gap:6px!important}:root{--site-header-gap:12px;--site-nav-gap:9px}}@media(max-width:359px){body .header-actions{gap:5px!important}body .header-actions .account-auth-button{max-width:100px;padding-inline:6px;white-space:normal;text-align:center;line-height:1.3}body .header-actions .icon-button{min-width:36px!important;padding-inline:7px!important}body .header-actions #theme{min-width:36px!important}}body .header-actions .account-auth-button{display:inline-flex!important;align-items:center;justify-content:center}@media(max-width:760px){body .header-actions .account-auth-button{width:100px;max-width:100px;font-size:10px;padding:0 6px;white-space:normal;text-align:center;line-height:1.35}}@media(max-width:359px){body .header-inner{gap:8px!important}body .header-actions .account-auth-button{width:94px;max-width:94px}}.feature-unavailable h1{margin:8px 0 12px;font-size:25px;letter-spacing:normal}body .rank-emblem{object-fit:contain;width:88px;height:76px}body .rank-unranked{display:grid;place-items:center;font-size:28px;color:var(--muted)}.ladder-tier-emblem{flex-shrink:0;object-fit:contain;margin-left:12px}@media(max-width:760px){body .rank-emblem{width:58px;height:56px}}.tools-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap}.tools-trigger:hover,.tools-trigger.active,.tools-trigger[aria-expanded=true]{color:var(--text)}.tools-trigger.active:after,.tools-trigger[aria-expanded=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.tools-trigger>.tools-chevron{flex-shrink:0;transition:transform var(--motion-fast)}.tools-trigger[aria-expanded=true]>.tools-chevron{transform:rotate(180deg)}.tools-dropdown{position:absolute;top:calc(100% + 8px);left:var(--gutter);width:min(690px,calc(100% - 2 * var(--gutter)));padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 16px 45px #0006;z-index:25}.tools-dropdown:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.tools-dropdown-heading{display:none}.tools-dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tools-dropdown-link{display:flex;align-items:center;gap:12px;min-width:0;min-height:78px;padding:12px;border:1px solid transparent;border-radius:7px}.tools-dropdown-link:hover,.tools-dropdown-link:focus-visible{border-color:var(--line);background:var(--panel2)}.tools-dropdown-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;color:var(--accent)}.tools-dropdown-link>span:nth-child(2){flex:1;min-width:0}.tools-dropdown-link strong{display:block;font-size:13px;font-weight:600;color:var(--text)}.tools-dropdown-link small{display:block;margin-top:4px;font-size:11px;line-height:1.55;color:var(--muted)}.tools-dropdown-arrow{margin-left:auto;color:var(--interactive);font-size:14px}.mobile-nav [data-tools-toggle]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:50px;background:transparent;font-size:10px;color:var(--muted);border-radius:var(--radius-sm)}.mobile-nav [data-tools-toggle].active,.mobile-nav [data-tools-toggle][aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}@media(max-width:1030px)and (min-width:761px){.tools-trigger{font-size:11px}}@media(max-width:760px){.tools-dropdown{position:fixed;inset:auto 12px calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(72dvh,600px);overflow-y:auto;overscroll-behavior:contain;padding:8px}.tools-dropdown:before{display:none}.tools-dropdown-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 4px 12px}.tools-dropdown-heading strong{font-size:16px}.tools-dropdown-heading button{display:grid;place-items:center;width:44px;min-height:44px;background:transparent;color:var(--muted)}.tools-dropdown-heading svg{width:20px;height:20px}.tools-dropdown-grid{grid-template-columns:1fr;gap:2px}.tools-dropdown-link{min-height:66px;padding:10px 12px}}body.account-view #account-section{min-height:calc(100svh - var(--site-header-height) - 44px);position:relative}.header-region{width:110px;max-width:110px}.desktop-nav .rankings-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0;border-radius:0;background:transparent;color:var(--muted);font-size:15px;font-weight:600;white-space:nowrap}.desktop-nav .rankings-trigger:is(:hover,.active,[aria-expanded=true]){color:var(--text)}.desktop-nav .rankings-trigger:is(:hover,.active,[aria-expanded=true]) .nav-icon{color:var(--accent)}.desktop-nav .rankings-trigger:is(.active,[aria-expanded=true]):after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--accent)}.rankings-trigger>.tools-chevron{flex-shrink:0;transition:transform var(--motion-fast)}.rankings-trigger[aria-expanded=true]>.tools-chevron{transform:rotate(180deg)}.rankings-dropdown{position:absolute;top:calc(100% + 8px);right:var(--gutter);width:min(360px,calc(100% - 2 * var(--gutter)));padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 16px 45px #0006;z-index:26}.rankings-dropdown:before{content:"";position:absolute;inset:-10px 0 auto;height:10px}.rankings-dropdown-heading{display:none}.rankings-dropdown-link{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px;border:1px solid transparent;border-radius:7px}.rankings-dropdown-link:hover,.rankings-dropdown-link:focus-visible,.rankings-dropdown-link[aria-current=page]{border-color:var(--line);background:var(--panel2)}.rankings-dropdown-link>svg{flex-shrink:0;color:var(--accent);stroke:currentColor;fill:none}.rankings-dropdown-link>span:first-of-type{flex:1;min-width:0}.rankings-dropdown-link>span:last-of-type{color:var(--interactive)}.rankings-dropdown-link strong{display:block;color:var(--text);font-size:14px}.rankings-dropdown-link small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.ranking-heading{margin-bottom:22px}.ranking-heading h1{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.3}body .ladder-toolbar{flex-wrap:wrap}.ladder-flag img{display:block;object-fit:contain}.ranking-search-form{display:flex;flex:1;align-items:center;gap:12px;min-width:min(100%,280px);flex-wrap:wrap}.ranking-search-form .ladder-search{flex:1;width:auto;min-width:190px;margin:0}.ranking-search-form .ranking-champion-search{flex:.85}.ranking-search-submit{min-height:54px;padding:0 22px;white-space:nowrap}.ranking-clear{min-height:44px;padding:0 12px;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px}#lb-search-feedback{flex-basis:100%;margin:0;color:var(--defeat);font-size:13px}#lb-search-feedback:empty{display:none}.ranking-loadmore{min-height:48px;padding:0 24px;font-size:14px;white-space:nowrap}.ranking-load-error{flex-basis:100%;margin:0;color:var(--defeat);font-size:14px}body .ladder-footer{flex-wrap:wrap}body:has(.ranking-mastery) .ladder-winner-info>b{font-size:18px}.rankings-page{padding-top:8px}.rankings-page .ranking-heading{display:flex;align-items:center;gap:24px;min-height:58px;margin-bottom:28px}.rankings-page .ranking-heading h1{margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:750;letter-spacing:-.6px;line-height:1.25}.ranking-title-ornament{position:relative;flex:0 0 16px;height:50px;background:linear-gradient(90deg,#906321,#ffe298,#a97424);clip-path:polygon(50% 0,65% 25%,88% 38%,70% 72%,50% 100%,30% 72%,12% 38%,35% 25%)}.ranking-title-rule{position:relative;flex:0 1 175px;height:1px;margin-left:4px;background:linear-gradient(90deg,#bb8e3b,transparent)}.ranking-title-rule:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;transform:rotate(45deg);border:1px solid #c89b46}.ranking-tier-tabs{display:flex;gap:12px;margin:0 0 20px}.ranking-tier-tabs>[role=tab]{display:flex;align-items:center;justify-content:center;gap:10px;min-width:150px;min-height:54px;padding:8px 22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-weight:650}.ranking-tier-tabs>[role=tab] img{object-fit:contain}.ranking-tier-tabs>[role=tab][aria-selected=true]{border-color:var(--accent);color:var(--accent);background:linear-gradient(110deg,var(--accent-soft),var(--panel));box-shadow:inset 0 -2px 0 var(--accent)}.rankings-page .ladder-podium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:16px;align-items:center;min-height:174px;padding:10px 5px 0;margin:0 0 22px}.rankings-page .ladder-winner{--medal:#a5d2f4;--medal-glow:#5486b733;position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:center;gap:24px;width:auto;min-height:144px;margin:0;padding:26px;border:1px solid var(--medal);border-radius:12px;background:linear-gradient(110deg,var(--panel),color-mix(in srgb,var(--panel) 90%,var(--medal)));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--medal) 10%,transparent),0 4px 18px #0004;text-align:left;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.rankings-page .ladder-winner:focus-visible,.rankings-page .ladder-winner:hover{box-shadow:inset 0 0 0 2px var(--medal-glow),0 0 20px var(--medal-glow)}.rankings-page .ladder-winner:first-child{width:auto}.rankings-page .ladder-place-1{--medal:#f9d263;--medal-glow:#d9b34744;min-height:158px;border-width:2px;box-shadow:inset 0 0 14px #b98c2633,0 0 16px #e0b73833}.rankings-page .ladder-place-3{--medal:#d18a55;--medal-glow:#c97d3533}.ladder-card-decoration{position:absolute;inset:0 0 0 44%;z-index:-1;overflow:hidden;border-radius:0 10px 10px 0;pointer-events:none;opacity:.27;mask-image:linear-gradient(90deg,transparent,#000 72%)}.ladder-card-decoration img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.55)}.ladder-place-1 .ladder-card-decoration img{filter:sepia(1) saturate(.75)}.ladder-place-3 .ladder-card-decoration img{filter:sepia(.8) saturate(.8)}.rankings-page .ladder-podium-avatar{display:grid;place-items:center;flex:0 0 116px;width:116px;height:94px}.ladder-wreath{position:absolute;inset:0;width:116px;height:100px;color:var(--medal);fill:currentColor;opacity:.9}.rankings-page .ladder-podium .ladder-avatar{width:82px;height:82px;border-color:var(--medal);box-shadow:0 0 0 4px var(--panel),0 0 0 5px color-mix(in srgb,var(--medal) 35%,transparent)}.rankings-page .ladder-place-1 .ladder-avatar{width:88px;height:88px}.rankings-page .ladder-crown{left:43px;top:-25px;width:32px;height:28px;color:#f9d263;filter:drop-shadow(0 0 5px #dcae4577)}.rankings-page .ladder-medal{width:34px;height:34px;bottom:-11px;font-size:19px}.rankings-page .ladder-winner-info{position:relative;width:auto;gap:2px}.rankings-page .ladder-winner-info>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;color:var(--text);font-size:clamp(16px,1.45vw,21px);font-weight:750}.rankings-page .ladder-winner-info>.ladder-tag{margin:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.ladder-winner-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-top:3px;color:var(--medal);line-height:1.2}.ladder-winner-score>b{font-size:clamp(23px,2.2vw,32px);font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.ladder-winner-score>small{font-size:15px;font-weight:600}.rankings-page:has(.ranking-mastery) .ladder-winner-score>b{font-size:clamp(20px,1.9vw,28px)}.rankings-page .ladder-toolbar{display:flex;align-items:flex-start;gap:20px;padding:12px 20px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:inset 0 0 16px #0001}.rankings-page .ladder-server{width:260px;min-height:54px}.rankings-page .ladder-server select{font-size:15px;padding-left:66px}.rankings-page .ladder-flag{left:20px;width:30px;height:23px}.rankings-page .ladder-flag img{width:30px;height:23px}.rankings-page .ranking-search-form{flex:1;flex-wrap:wrap;min-width:0;gap:16px}.rankings-page .ranking-search-form .ladder-search{flex:1 1 220px;min-width:0;height:54px;background:color-mix(in srgb,var(--bg) 35%,var(--panel))}.rankings-page .ranking-search-form .ranking-champion-search{flex:.8 1 180px}.rankings-page .ranking-search-submit{flex:0 0 150px;min-height:54px;padding-inline:24px;border:1px solid #ffe098;border-radius:8px;background:linear-gradient(#ffe48a,#e3ac38);color:#1a160b;box-shadow:inset 0 0 0 3px #ffe19044,0 0 12px #e5b84722;font-weight:750}.rankings-page .ranking-clear{padding:0 6px;min-height:36px}.rankings-page .ladder-table{border-color:color-mix(in srgb,var(--line) 72%,#67a6ce);border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:inset 0 1px #a1d5ff0c}.rankings-page .ladder-table :is(.ladder-head,.ladder-row){padding:9px 26px}.rankings-page .ladder-table .ladder-head{min-height:56px;height:auto;color:var(--muted);font-size:15px}.rankings-page .ladder-table .ladder-row{min-height:58px;font-size:16px}.rankings-page .ladder-player{gap:28px}.rankings-page .ladder-player .ladder-avatar{width:44px;height:44px}.rankings-page .ladder-identity{gap:0 18px}.rankings-page .ladder-identity strong{font-weight:700}.rankings-page .ladder-identity .ladder-tag{font-size:13px}.rankings-page .ladder-lp,.rankings-page .ladder-level,.rankings-page .ranking-points{color:var(--accent);font-weight:750}.rankings-page .ladder-table.ranking-level :is(.ladder-head,.ladder-row){grid-template-columns:9% 51% 20% minmax(0,1fr)}.rankings-page .ladder-table.ranking-mastery :is(.ladder-head,.ladder-row){grid-template-columns:7% 39% 22% 13% minmax(0,1fr)}.rankings-page .ranking-champion>a{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px}.rankings-page .ranking-champion>a>span{overflow:hidden;text-overflow:ellipsis}.rankings-page .ladder-podium-placeholder{min-height:144px;width:auto;height:auto;margin:0;border:1px solid var(--line);border-radius:12px}.rankings-page .ladder-podium-placeholder.ladder-place-1{min-height:158px}.rankings-page .ladder-table-placeholder{height:480px}.rankings-page .ladder-footer{margin-top:22px}body.light .ladder-card-decoration{opacity:.12}body.light .ladder-winner-score{color:color-mix(in srgb,var(--medal) 46%,#49320c)}body.light .rankings-page .ladder-winner{box-shadow:0 4px 14px #1f3e5a18}@media(max-width:1200px){.rankings-page .ladder-winner{padding:22px 14px;gap:14px}.rankings-page .ladder-podium-avatar{flex-basis:98px;width:98px}.rankings-page .ladder-wreath{width:98px}.rankings-page .ladder-podium .ladder-avatar{width:72px;height:72px}.rankings-page .ladder-place-1 .ladder-avatar{width:78px;height:78px}.rankings-page .ladder-crown{left:34px}.ladder-winner-score{gap:4px 8px}.rankings-page .ladder-server{width:220px}.rankings-page .ladder-toolbar{gap:14px;padding:12px}.rankings-page .ranking-search-form{gap:12px}.rankings-page .ranking-search-submit{flex-basis:130px}.rankings-page .ladder-player{gap:16px}.rankings-page:has(.ranking-mastery) .ranking-search-form .ladder-search{flex-basis:190px}.rankings-page:has(.ranking-mastery) .ranking-champion-search{flex-basis:160px}}@media(min-width:761px)and (max-width:1000px){.rankings-page .ladder-podium{gap:10px}.rankings-page .ladder-winner{padding:18px 10px;gap:12px;min-height:140px}.rankings-page .ladder-place-1{min-height:152px}.rankings-page .ladder-podium-avatar{width:74px;flex-basis:74px}.rankings-page .ladder-wreath{display:none}.rankings-page .ladder-crown{left:23px}.rankings-page .ladder-winner-info>strong{font-size:15px}.rankings-page .ladder-winner-info>.ladder-tag{font-size:12px}.rankings-page .ladder-winner-score>b{font-size:23px}.rankings-page .ladder-winner-score>small{font-size:12px}.rankings-page .ladder-toolbar{flex-wrap:wrap}.rankings-page .ranking-search-form{min-width:300px;flex-basis:calc(100% - 250px)}.rankings-page:has(.ranking-mastery) .ranking-search-form{flex-basis:100%}.rankings-page .ladder-table :is(.ladder-head,.ladder-row){padding-inline:16px}}@media(max-width:1240px){.desktop-nav .rankings-trigger{gap:7px;font-size:14px}}@media(max-width:1030px){.desktop-nav .rankings-trigger{gap:6px;font-size:12px}.ranking-search-form{flex-basis:100%}.ranking-search-form .ladder-search{min-width:170px}}@media(max-width:760px){body .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav [data-rankings-toggle]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:50px;padding:0 2px;background:transparent;color:var(--muted);border-radius:var(--radius-sm);font-size:10px}.mobile-nav [data-rankings-toggle].active,.mobile-nav [data-rankings-toggle][aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}.rankings-dropdown{position:fixed;inset:auto 12px calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(72dvh,600px);overflow-y:auto;overscroll-behavior:contain}.rankings-dropdown:before{display:none}.rankings-dropdown-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 4px 12px}.rankings-dropdown-heading strong{font-size:16px}.rankings-dropdown-heading button{display:grid;place-items:center;width:44px;min-height:44px;color:var(--muted);background:transparent}.rankings-dropdown-heading svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.rankings-dropdown-link{min-height:66px}.ranking-heading{margin-bottom:18px}.ranking-search-form{gap:10px}.ranking-search-form .ladder-search{flex-basis:100%;min-width:0;height:50px}.ranking-search-submit{flex:1;min-height:48px}.ranking-clear{flex:1}body .ladder-footer{flex-direction:column;align-items:stretch;gap:12px}.ranking-loadmore{width:100%}body:has(.ranking-mastery) .ladder-winner-info>b{font-size:12px}.rankings-page{padding-top:0}.rankings-page .ranking-heading{gap:13px;min-height:42px;margin-bottom:20px}.rankings-page .ranking-heading h1{font-size:25px;letter-spacing:-.3px}.ranking-title-ornament{height:39px;flex-basis:12px}.ranking-title-rule{flex-basis:80px;margin-left:0}.ranking-tier-tabs{gap:7px;margin-bottom:16px}.ranking-tier-tabs>[role=tab]{flex:1;min-width:0;padding:6px 4px;min-height:54px;gap:4px;font-size:11px}.ranking-tier-tabs>[role=tab] img{width:28px;height:28px}.rankings-page .ladder-podium{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);align-items:center;min-height:0;margin:0 0 16px;padding:12px 0 0;gap:8px}.rankings-page .ladder-winner{flex-direction:column;align-items:center;gap:14px;padding:16px 6px 14px;min-height:200px;border-radius:9px;text-align:center}.rankings-page .ladder-place-1{min-height:216px;padding-top:22px}.ladder-card-decoration{inset:0;opacity:.13;mask-image:linear-gradient(0deg,transparent,#000);border-radius:9px}.rankings-page .ladder-podium-avatar{flex:0 0 66px;width:74px;height:66px}.rankings-page .ladder-wreath{display:none}.rankings-page .ladder-podium .ladder-avatar{width:58px;height:58px}.rankings-page .ladder-place-1 .ladder-avatar{width:64px;height:64px}.rankings-page .ladder-crown{left:25px;top:-23px;width:25px;height:23px}.rankings-page .ladder-medal{width:26px;height:26px;font-size:15px;bottom:-9px}.rankings-page .ladder-winner-info{width:100%;gap:2px}.rankings-page .ladder-winner-info>strong{font-size:12px;min-height:31px;line-height:1.3}.rankings-page .ladder-winner-info>.ladder-tag{font-size:10px}.ladder-winner-score{justify-content:center;gap:2px 4px;margin-top:5px}.rankings-page .ladder-winner-score>b{font-size:20px}.rankings-page .ladder-winner-score>small{font-size:10px}.rankings-page:has(.ranking-mastery) .ladder-winner-score>b{font-size:15px}.rankings-page .ladder-toolbar{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;padding:10px;margin-bottom:15px;border-radius:9px}.rankings-page .ladder-server{width:100%;min-height:48px;height:48px}.rankings-page .ladder-server select{font-size:13px;padding-left:54px}.rankings-page .ladder-flag{left:14px;width:26px}.rankings-page .ladder-flag img{width:26px;height:20px}.rankings-page .ranking-search-form{width:100%;min-width:0;flex-basis:auto;gap:10px}.rankings-page .ranking-search-form .ladder-search{flex:1 1 100%;min-width:0;height:48px}.rankings-page .ranking-search-form .ranking-champion-search{flex-basis:100%}.rankings-page .ranking-search-submit{flex:1;min-height:46px}.rankings-page .ranking-clear{flex:1;min-height:44px;font-size:12px}.rankings-page .ladder-table :is(.ladder-head,.ladder-row){grid-template-columns:24px minmax(0,1fr) 45px 50px;padding:9px;gap:5px}.rankings-page .ladder-table .ladder-head{min-height:44px;font-size:10px}.rankings-page .ladder-table .ladder-row{min-height:67px;font-size:12px}.rankings-page .ladder-head>span{display:block}.rankings-page .ranking-ranked .ladder-head>span:nth-child(4){display:none}.rankings-page .ladder-player{gap:8px;padding-right:0}.rankings-page .ladder-player .ladder-avatar{width:32px;height:32px}.rankings-page .ladder-identity{gap:0;flex-wrap:nowrap;align-items:flex-start}.rankings-page .ladder-identity strong{font-size:11px}.rankings-page .ladder-identity .ladder-tag{font-size:9px}.rankings-page .ladder-lp{font-size:12px}.rankings-page .ladder-position{padding:0}.rankings-page .ladder-table.ranking-level :is(.ladder-head,.ladder-row){grid-template-columns:24px minmax(0,1fr) 43px 64px}.rankings-page .ranking-level .ladder-head>span:nth-child(4){display:block}.rankings-page .ranking-level time{font-size:9px}.rankings-page .ladder-table.ranking-mastery :is(.ladder-head,.ladder-row){grid-template-columns:22px minmax(0,1fr) 46px 67px}.rankings-page .ranking-mastery .ladder-head>span:nth-child(4),.rankings-page .ranking-mastery .ranking-mastery-level{display:none}.rankings-page .ranking-champion>a{flex-direction:column;align-items:flex-start;gap:2px;font-size:9px}.rankings-page .ranking-champion img{width:24px;height:24px}.rankings-page .ranking-points{font-size:10px}.rankings-page .ladder-podium-placeholder{min-height:200px}.rankings-page .ladder-podium-placeholder.ladder-place-1{min-height:216px}.rankings-page .ladder-footer{align-items:stretch}.rankings-page .ladder-footer>p{font-size:12px}.rankings-page .ranking-refresh{margin-left:4px;padding-inline:5px}}@media(max-width:360px){.rankings-page .ladder-podium{gap:5px}.rankings-page .ladder-winner{padding-inline:4px}.rankings-page .ladder-winner-score>b{font-size:18px}.rankings-page:has(.ranking-mastery) .ladder-winner-score>b{font-size:13px}.rankings-page .ladder-winner-info>strong{font-size:11px}.ranking-title-rule{display:none}.rankings-page .ladder-table :is(.ladder-head,.ladder-row){padding-inline:6px;gap:4px}.rankings-page .ladder-player{gap:5px}.rankings-page .ladder-player .ladder-avatar{width:26px;height:26px}.rankings-page .ladder-identity strong{font-size:10px}.rankings-page .ladder-table.ranking-level :is(.ladder-head,.ladder-row){grid-template-columns:20px minmax(0,1fr) 37px 57px}.rankings-page .ladder-table.ranking-mastery :is(.ladder-head,.ladder-row){grid-template-columns:20px minmax(0,1fr) 38px 62px}}