: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 .beta-notice{display:block!important;padding:12px var(--gutter)!important}body .beta-notice p{max-width:var(--site-width);font-size:13px!important;line-height:1.6}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:34px;padding-bottom:12px}body.home-view .hero-description{margin-bottom:20px}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:30px;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}}.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}@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}}