@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;1,600;1,700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,300;1,700&display=swap";.global-search-dialog{color:#f5f1fa;background:#2f2b40;border:1px solid #9860b4;border-radius:10px;width:min(660px,100% - 28px);max-height:calc(100dvh - clamp(16px,12vh,110px) - 20px);margin:clamp(16px,12vh,110px) auto auto;padding:23px;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #08040ecc}.global-search-dialog::backdrop{backdrop-filter:blur(5px);background:#100d1cd9}.global-search-dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.global-search-dialog h2{margin:0;font-size:27px}.global-search-dialog [data-search-close]{background:#ffffff0d;border:0;border-radius:5px;width:36px;height:36px;font-size:27px;line-height:1}.site-search-open{overflow:hidden}.site-search-form{background:#1e1b2b;border:1px solid #b379d4;border-radius:6px;gap:0;display:flex;overflow:hidden}.site-search-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-search-form:focus-within{outline-offset:2px;outline:2px solid #c383ef}.site-search-form input{color:#fff;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:15px 16px;font-size:16px}.site-search-form input::placeholder{color:#b4a8c4}.site-search-form button{background:#9b36d4;border:0;flex-shrink:0;place-items:center;width:52px;display:grid}.site-search-status{color:#c0b2d0;margin:16px 0 10px;font-size:12px}.site-search-results{gap:5px;margin:0;padding:0;list-style:none;display:grid}.site-search-results a{background:#ffffff06;border:1px solid #0000;border-radius:5px;align-items:center;gap:14px;min-height:62px;padding:9px 12px;text-decoration:none;display:flex}.site-search-results a:hover,.site-search-results a:focus-visible{background:#523560;border-color:#b765e6}.site-search-results img{object-fit:contain;border-radius:3px;flex-shrink:0;width:48px;height:40px}.site-search-results span{flex:1;min-width:0}.site-search-results strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;display:block}.site-search-results small{color:#baa9c9;margin-top:3px;font-size:11px;display:block}.site-search-results b{color:#c589e8;font-size:16px}.site-search-empty,.site-search-error{color:#cfbfdc;padding:14px 0;font-size:14px}.site-search-error a,.search-directory-link{color:#dea7ff;text-underline-offset:3px}.search-directory-link{margin-top:18px;font-size:12px;display:block}.site-search-page{width:calc(100% - 48px);max-width:1000px;margin:0 auto;padding:30px 0 45px}.site-search-page .site-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){.global-search-dialog{max-height:calc(100dvh - 28px);margin-top:14px;padding:17px}.global-search-dialog h2{font-size:24px}.site-search-page{width:calc(100% - 24px)}.site-search-page .site-search-results{grid-template-columns:1fr}}.rankup-mark{width:var(--rankup-mark-size,32px);height:var(--rankup-mark-size,32px);isolation:isolate;vertical-align:middle;flex-shrink:0;display:inline-block;position:relative}.rankup-mark>img{object-fit:contain;display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.rankup-mark-face{z-index:1}.rankup-mark-graph{z-index:0;will-change:clip-path;animation:10s ease-in-out infinite rankup-mark-grow}@keyframes rankup-mark-grow{0%,10%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:1}55%,78%{clip-path:inset(0);opacity:1}95%,to{clip-path:inset(0);opacity:0}}@media (prefers-reduced-motion:reduce){.rankup-mark-graph{clip-path:none;opacity:1;will-change:auto;animation:none!important}}:root{--header-height:76px;--section-gap:34px;--article-gap:44px}html{scroll-padding-top:calc(var(--header-height) + 14px)}.site-header{--line:#ffffff18;z-index:100;position:sticky;top:0;box-shadow:0 5px 22px #08061145}.skip-link:focus{z-index:101}.header-navigation{flex:1;align-self:stretch;min-width:0;display:flex}.header-navigation .primary-nav{border:0;flex:1;height:auto;position:relative}.nav-more{border-right:1px solid var(--line);flex:0 0 clamp(96px,8vw,150px);position:relative}.nav-more>summary{letter-spacing:3px;user-select:none;place-items:center;height:100%;font-size:30px;line-height:1;list-style:none;display:grid}.nav-more>summary::-webkit-details-marker{display:none}.nav-more[open]>summary,.nav-more>summary:hover{color:#e5b7ff;background:#3b2d49}.nav-more.has-current>summary{background:var(--accent);color:#fff}.nav-more-links{background:#2d293b;border:1px solid #8c55aa;border-radius:7px;width:230px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 15px 40px #08061099}.nav-more-links a{border-radius:4px;align-items:center;gap:14px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-more-links img{object-fit:contain}.nav-more-links a:hover,.nav-more-links a:focus-visible{background:#4d365f}.nav-more-links a[aria-current]{color:#fff;background:#9a37d0}.header-navigation .nav-item[href="/tools/"] img{width:36px}.search-toggle{align-self:stretch;text-decoration:none}.site-header .global-search-toggle{width:86px}@media (width>=1700px){:root{--header-height:86px}}@media (width<=1250px){:root{--header-height:68px}.nav-more{flex-basis:84px}.site-header .global-search-toggle{width:66px}}@media (width>=961px) and (width<=1100px){.header-navigation .nav-item{min-width:68px;padding-inline:5px;font-size:11px}.header-navigation .nav-item[href="/pro-players/"]{flex-grow:1.35}}@media (width<=960px){:root{--header-height:127px}.header-navigation{border-top:1px solid var(--line);flex-basis:100%;order:4;height:64px}.header-navigation .primary-nav{flex-basis:0;order:0}.nav-more{flex-basis:74px}.site-header .global-search-toggle{width:70px}}@media (width<=600px){:root{--section-gap:28px;--article-gap:38px}.site-header .wordmark{gap:8px;min-width:0}.site-header .wordmark span{font-size:25px}.site-header .wordmark .brand-mark{width:32px}.site-header .parent-link{width:44px}.site-header .global-search-toggle{width:56px}.nav-more-links{right:8px}}#page-load-bar[data-astro-cid-5wa4xlts]{z-index:9999;pointer-events:none;transform-origin:0;opacity:0;background:linear-gradient(90deg,#4f167f,#a43dd6,#e7aaff);height:2px;position:fixed;inset:0 0 auto;box-shadow:0 0 6px #b74bea66}#page-load-bar[data-astro-cid-5wa4xlts][data-state=arriving]{animation:.5s cubic-bezier(.18,.7,.3,1) both page-arrive}#page-load-bar[data-astro-cid-5wa4xlts][data-state=leaving]{animation:.2s ease-out both page-leave}@keyframes page-arrive{0%{opacity:1;transform:scaleX(.03)}40%{opacity:1;transform:scaleX(.9)}82%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes page-leave{0%{opacity:1;transform:scaleX(.03)}to{opacity:1;transform:scaleX(.9)}}@media (prefers-reduced-motion:reduce){#page-load-bar[data-astro-cid-5wa4xlts]{opacity:0!important;animation:none!important}}:root{color-scheme:dark;--bg:#181823;--header:#191923;--row:#292939;--row-alt:#20202e;--text:#f1eff8;--muted:#a2a1ba;--accent:#ae43e8;--accent-light:#d39aef;--line:#ffffff0b;--panel:#20202e;--panel-shadow:0 14px 48px #05050b66;font-synthesis:none;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}body{background-color:var(--bg);min-width:320px;color:var(--text);background-image:url(/images/background.jpg);background-position:50% 82px;background-repeat:no-repeat;background-attachment:fixed;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}button:not(:disabled),summary{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline-offset:-3px;outline:2px solid #ddb0ff}button{border-radius:0}svg{display:block}.skip-link{background:var(--accent);z-index:30;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:8px}.site-header{background:var(--header);border-bottom:1px solid #ffffff08;height:76px;display:flex}.parent-link{border-right:1px solid var(--line);color:#f4f2fb;flex-shrink:0;place-items:center;width:72px;text-decoration:none;display:grid}.parent-link:hover{background:#ffffff05}.wordmark{color:#f3f0fa;border-right:1px solid var(--line);flex-shrink:0;align-items:center;gap:13px;padding:0 34px;text-decoration:none;display:flex}.brand-mark{color:#b14bea}.wordmark span{letter-spacing:-1px;white-space:nowrap;font-size:30px;font-style:italic;font-weight:300}.wordmark strong{font-weight:700}.primary-nav{scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.primary-nav::-webkit-scrollbar{display:none}.nav-item{border:0;border-right:1px solid var(--line);color:#f5f2fb;white-space:nowrap;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:91px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.nav-item img{object-fit:contain;width:28px;height:28px}.nav-item.active{background:var(--accent)}.nav-item:not(.active):not(:disabled):hover{background:#ffffff07}.nav-item.upcoming{opacity:.58;cursor:default}.search-toggle{border:0;border-left:1px solid var(--line);color:#eee9f7;background:0 0;flex-shrink:0;place-items:center;width:76px;display:grid}.search-toggle:hover,.search-toggle[aria-expanded=true]{color:var(--accent-light);background:#ffffff05}.rank-page{width:calc(100% - 80px);max-width:1600px;margin:0 auto;padding:25px 0 24px}.page-intro{text-align:center;margin-bottom:24px}.page-intro h1{text-transform:uppercase;letter-spacing:.25px;margin:0 0 8px;font-family:Barlow Condensed,Arial,sans-serif;font-size:46px;font-style:italic;font-weight:700;line-height:1.05}.page-intro p{color:var(--accent-light);margin:0;font-size:20px;font-weight:400;line-height:1.4}.content-panel{background:var(--panel);min-width:0;box-shadow:var(--panel-shadow)}.content-panel--padded{padding:18px}.rank-overview-panel .rank-search,.rank-overview-panel .table-notes{margin:0;padding:12px 16px}.rank-grid{width:100%;box-shadow:none}.rank-row{background:var(--row);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.rank-row:nth-child(2n){background:var(--row-alt)}.rank-cell{text-align:left;isolation:isolate;background:0 0;border:0;align-items:center;gap:13px;min-width:0;height:65px;padding:1px 17px;text-decoration:none;transition:transform .3s,filter .3s,background-color .3s;display:flex;position:relative}.rank-cell:hover{background:#b561ed17}.rank-cell:focus-visible{z-index:1;background:#b561ed17}.medal{flex-shrink:0;width:62px;height:62px;display:block;position:relative}.medal img{object-fit:contain;width:100%;height:100%;display:block}.medal .medal-stars{position:absolute;inset:0}.rank-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.rank-name{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.05}.rank-range{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:1.15}.cell-arrow{color:var(--accent-light);opacity:0;font-size:14px;transition:opacity .3s;position:absolute;right:10px}.rank-cell:hover .cell-arrow,.rank-cell:focus-visible .cell-arrow{opacity:1}.table-notes{color:#9594aa;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.table-notes>p{align-items:center;gap:7px;margin:0;display:flex}.note-dot{background:#a170c0;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sources{text-align:right;max-width:490px}.sources summary{color:#b7afc6;list-style:none}.sources summary::-webkit-details-marker{display:none}.sources summary span{color:var(--accent-light);margin-left:6px}.sources[open] summary{color:var(--accent-light)}.sources>div{text-align:left;padding-top:6px}.sources p{margin:9px 0}.sources a{text-underline-offset:3px;color:#c7b6d5}.rank-search{align-items:center;gap:12px;margin:-6px 0 16px;font-size:13px;display:flex}.rank-search label{color:#c5bdcf;font-weight:600}.rank-search input{color:#fff;outline-offset:2px;background:#222230;border:1px solid #ffffff17;border-radius:3px;flex:1;min-width:0;max-width:390px;padding:10px 12px}.rank-search button{color:var(--accent-light);background:0 0;border:0;padding:8px}.no-results{color:var(--muted);text-align:center;padding:45px 0}.rank-dialog{width:min(400px,100vw - 32px);color:var(--text);text-align:center;background:#232231;border:1px solid #b085cd36;border-radius:8px;padding:30px;box-shadow:0 24px 100px #0006}.rank-dialog::backdrop{backdrop-filter:blur(4px);background:#090910bb}.dialog-close{color:#c6bbd3;background:0 0;border:0;place-items:center;width:34px;height:34px;font-size:25px;display:grid;position:absolute;top:10px;right:12px}.detail-medal{width:110px;height:110px;margin:0 auto 10px}.detail-eyebrow{letter-spacing:1.8px;color:var(--accent-light);margin:12px 0 5px;font-size:10px}.rank-dialog h2{margin:0 0 6px;font-size:28px}.detail-range{color:#d5b5ec;margin:0;font-size:17px}.detail-note{color:#aaa6bb;margin:17px 0;font-size:13px;line-height:1.5}.detail-stat{border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;flex-direction:column;gap:5px;padding:17px 0;display:flex}.detail-stat strong{font-size:25px;font-weight:600}.detail-stat span{color:#b4abc4;font-size:12px}.detail-source{color:#958aab;margin:14px 0 20px;font-size:11px;line-height:1.5}.dialog-done{background:var(--accent);color:#fff;border:0;border-radius:4px;padding:10px 18px;font-size:13px;font-weight:600}@media (width>=1700px){.site-header{height:86px}.wordmark{padding:0 37px}.nav-item{font-size:14px}.rank-page{padding-top:30px}.rank-cell{height:73px}.medal{width:69px;height:69px}.rank-name{font-size:16px}.rank-range{font-size:13px}.page-intro{margin-bottom:27px}.page-intro h1{font-size:48px}}@media (width<=1250px){.site-header{height:68px}.parent-link{width:55px}.wordmark{gap:10px;padding:0 22px}.wordmark span{font-size:26px}.brand-mark{width:35px;height:35px}.nav-item{min-width:76px;padding:7px 8px;font-size:12px}.nav-item img{width:25px;height:25px}.search-toggle{width:55px}.rank-page{width:calc(100% - 48px);padding-top:24px}.rank-cell{gap:8px;height:62px;padding:1px 9px}.medal{width:56px;height:56px}.rank-name{font-size:14px}.rank-range{font-size:11px}.cell-arrow{display:none}}@media (width<=960px){.site-header{flex-wrap:wrap;height:auto}.parent-link{width:54px;height:62px}.wordmark{border-right:0;flex:1;height:62px}.wordmark span{font-size:28px}.primary-nav{border-top:1px solid var(--line);flex-basis:100%;order:4;height:64px;overflow:auto}.nav-item{min-width:75px}.search-toggle{width:62px;height:62px}.rank-page{width:calc(100% - 32px);padding-top:22px}.page-intro{margin-bottom:20px}.page-intro h1{font-size:33px}.page-intro p{font-size:14px}.rank-cell{flex-direction:column;justify-content:center;gap:0;height:85px;padding:1px 3px 8px}.medal{width:48px;height:48px}.rank-copy{text-align:center;gap:3px}.rank-name{font-size:13px}.rank-range{font-size:10px}.table-notes{gap:10px;font-size:11px}}@media (width<=600px){.content-panel--padded{padding:12px}.rank-page{width:calc(100% - 24px);padding-top:20px}.page-intro{margin-bottom:18px}.page-intro h1{font-size:32px}.rank-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0}.rank-cell{height:81px}.rank-cell:nth-child(4){grid-column:1}.medal{width:50px;height:50px}.rank-name{font-size:13px}.rank-range{font-size:10.5px}.table-notes{flex-direction:column;gap:8px}.sources{text-align:left}.rank-search{flex-wrap:wrap;gap:6px}.rank-search label{flex-basis:100%}.rank-search input{max-width:none}.wordmark{padding:0 15px}.wordmark span{font-size:27px}.nav-item{min-width:64px;padding:5px;font-size:11px}.nav-item img{width:24px;height:24px}.detail-medal{width:110px;height:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.rank-cell,.detail-tier,.hero-tile,.spell-row,.hero-stat-grid>div,.hero-attributes>div,.innate-card{transform-origin:50%;transition:transform .3s,filter .3s,background-color .3s,box-shadow .3s;position:relative}.hero-render,.nav-item img{transition:transform .35s,filter .35s}@media (hover:hover) and (pointer:fine){.rank-cell:hover,.detail-tier:hover,.hero-tile:hover,.spell-row:hover,.hero-stat-grid>div:hover,.hero-attributes>div:hover,.innate-card:hover{z-index:2;filter:brightness(1.15)}.hero-art-panel:hover .hero-render{filter:drop-shadow(0 10px 24px #08061066)brightness(1.13)}.nav-item:not(:disabled):hover img{filter:brightness(1.15)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.rank-cell:hover,.detail-tier:hover{transform:scale(1.04)}.hero-tile:hover{transform:scale(1.06)}.spell-row:hover,.innate-card:hover{transform:scale(1.02)}.hero-stat-grid>div:hover,.hero-attributes>div:hover{transform:scale(1.04)}.hero-art-panel:hover .hero-render{transform:scale(1.045)}.nav-item:not(:disabled):hover img{transform:scale(1.08)}}@media (width<=600px){.primary-nav{scrollbar-width:thin;scrollbar-color:#8243a0 #191923;overflow:auto hidden}.nav-item{white-space:normal;flex:1 0 78px;min-width:78px}.nav-item span{justify-content:center;align-items:center;min-height:25px;display:flex}.nav-item{gap:3px}}