.tiers-page{max-width:1320px;padding-top:48px}.tiers-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.tiers-heading p{margin:0 0 8px;color:#ef3949;font:900 10px 'Barlow Condensed';letter-spacing:1.8px}.tiers-heading h1{margin:0;color:#fff;font:900 58px/.86 'Barlow Condensed';letter-spacing:.4px}.tiers-heading h1 span{color:#ef3949}.tiers-heading small{display:block;margin-top:12px;color:#a49da3;font:500 12px 'Inter',sans-serif}.ranking-help{min-height:41px;padding:0 18px;border:1px solid #ef394966;background:#170d12e8;color:#ff6573;cursor:pointer;font:900 10px 'Barlow Condensed';letter-spacing:1.3px;box-shadow:0 0 18px #ef394916;transition:.18s}.ranking-help:hover,.ranking-help:focus-visible{outline:0;border-color:#ef3949;background:#2b1119;color:#fff;box-shadow:0 0 24px #ef39492f}
.tier-tabs{display:flex;gap:7px;padding:10px;border:1px solid #ffffff1c;border-bottom:0;background:#090a0fe8;overflow-x:auto;scrollbar-width:thin}.tier-tab{flex:0 0 auto;min-height:48px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid transparent;background:transparent;color:#a9a2a8;cursor:pointer;font:900 11px 'Barlow Condensed';letter-spacing:.55px;transition:.16s}.tier-tab span{font-size:18px;filter:saturate(.85)}.tier-tab:hover,.tier-tab:focus-visible{outline:0;color:#fff;background:#ffffff08}.tier-tab.is-active{border-color:#ef394966;background:linear-gradient(135deg,#31121b,#171018);color:#fff;box-shadow:inset 0 -2px #ef3949,0 0 16px #ef394918}
.tiers-board{min-height:520px;border:1px solid #ffffff1c;border-top:2px solid #ef3949;background:#0b0c11ed;box-shadow:0 26px 80px #0009;overflow:hidden}.tiers-loading{min-height:520px;display:grid;place-content:center;justify-items:center;gap:15px;color:#8d868c;font:800 11px 'Inter',sans-serif}.tiers-loading i{width:30px;height:30px;border:2px solid #ffffff17;border-top-color:#ef3949;border-radius:50%;animation:tier-spin .75s linear infinite}@keyframes tier-spin{to{transform:rotate(360deg)}}
.overall-list{display:grid;gap:1px;background:#ffffff12}.overall-row{--rank-color:#fff;min-height:88px;display:grid;grid-template-columns:54px 76px minmax(170px,.75fr) minmax(420px,1.6fr);align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 6%,#101116),#0d0e13 45%);color:#fff;text-decoration:none;position:relative;transition:.16s}.overall-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--rank-color);opacity:.9}.overall-row:hover,.overall-row:focus-visible{outline:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 15%,#191118),#161118 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rank-color) 45%,transparent),0 0 22px #0008}.overall-place{justify-self:center;color:#918a90;font:900 25px 'Pixelify Sans',monospace}.overall-row:nth-child(1) .overall-place{color:#ffd44e;text-shadow:0 0 11px #ffd44e66}.overall-row:nth-child(2) .overall-place{color:#cfd5dc}.overall-row:nth-child(3) .overall-place{color:#d59055}.overall-skin{width:68px;height:84px;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(0 8px 6px #000b)}.overall-identity{min-width:0;display:flex;flex-direction:column;gap:4px;padding-left:12px}.overall-identity strong{overflow:hidden;text-overflow:ellipsis;color:var(--rank-color);font:700 20px 'Pixelify Sans',monospace;white-space:nowrap;text-shadow:0 0 8px color-mix(in srgb,var(--rank-color) 38%,transparent)}.overall-identity small{color:#b3adb2;font:700 10px 'Inter',sans-serif}.overall-identity small b{color:#fff}.overall-tiers{display:flex;justify-content:flex-end;gap:6px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.overall-tier{--tier:#777;min-width:52px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--tier) 65%,transparent);background:color-mix(in srgb,var(--tier) 12%,#0d0e13);border-radius:6px;box-shadow:inset 0 0 15px color-mix(in srgb,var(--tier) 8%,transparent)}.overall-tier i{font-style:normal;font-size:16px;line-height:1}.overall-tier b{margin-top:2px;color:var(--tier);font:700 13px 'Pixelify Sans',monospace;text-shadow:0 0 8px color-mix(in srgb,var(--tier) 55%,transparent)}
.tier-columns{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;padding:16px;overflow-x:auto}.tier-column{min-width:180px;border:1px solid #ffffff18;background:#0c0d12}.tier-column-head{--tier:#888;min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ffffff16;background:linear-gradient(135deg,color-mix(in srgb,var(--tier) 18%,#111218),#111218)}.tier-column-head strong{color:var(--tier);font:900 21px 'Barlow Condensed';letter-spacing:.4px;text-shadow:0 0 10px color-mix(in srgb,var(--tier) 30%,transparent)}.tier-column-head small{color:#8a848a;font:800 9px 'Inter',sans-serif}.tier-player{--rank-color:#fff;min-height:57px;display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #ffffff10;color:#fff;text-decoration:none;position:relative;transition:.16s}.tier-player:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--tier-color,#777)}.tier-player:hover,.tier-player:focus-visible{outline:0;background:#27131a;box-shadow:inset 0 0 0 1px #ef394944}.tier-player>small{color:#706a70;text-align:center;font:700 11px 'Inter',sans-serif}.tier-player img{width:32px;height:32px;object-fit:cover;image-rendering:pixelated;border:1px solid #ffffff18;background:#090a0d}.tier-player span{min-width:0;display:flex;flex-direction:column}.tier-player span b{overflow:hidden;text-overflow:ellipsis;color:var(--rank-color);font:700 13px 'Pixelify Sans',monospace;white-space:nowrap;text-shadow:0 0 7px color-mix(in srgb,var(--rank-color) 35%,transparent)}.tier-player span em{color:#777178;font:700 8px 'Inter',sans-serif;font-style:normal}.tier-player>strong{display:flex;align-items:center;gap:4px;color:var(--tier-color,#aaa);font:700 11px 'Pixelify Sans',monospace}.tier-player>strong i{font:900 12px 'Barlow Condensed';font-style:normal}.tier-empty{min-height:88px;display:grid;place-items:center;margin:0;color:#5f5a60;font:800 9px 'Inter',sans-serif;text-align:center}
.tier-badge{--tier:#888;display:inline-grid;place-items:center;min-width:41px;height:23px;border:1px solid color-mix(in srgb,var(--tier) 68%,transparent);border-radius:5px;background:color-mix(in srgb,var(--tier) 16%,#111218);color:var(--tier);font:700 12px 'Pixelify Sans',monospace;text-shadow:0 0 7px color-mix(in srgb,var(--tier) 50%,transparent)}.tier-ht1{--tier:#ff4256}.tier-lt1{--tier:#ff7180}.tier-ht2{--tier:#f0ae35}.tier-lt2{--tier:#ffe15f}.tier-ht3{--tier:#35c75a}.tier-lt3{--tier:#6ae883}.tier-ht4{--tier:#4b7cff}.tier-lt4{--tier:#41d0d0}.tier-ht5{--tier:#c5c5ca}.tier-lt5{--tier:#77777e}.tiers-updated{margin:13px 0 0;color:#777178;font:500 10px 'Inter',sans-serif}
.ranking-dialog{width:min(620px,calc(100vw - 30px));max-height:min(780px,calc(100vh - 30px));padding:0;border:1px solid #ffffff20;border-top:2px solid #ef3949;background:#111218;color:#fff;box-shadow:0 35px 120px #000e;overflow:auto}.ranking-dialog::backdrop{background:#020305d9;backdrop-filter:blur(5px)}.ranking-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #ffffff17;background:#121319f7}.ranking-dialog-head p{margin:0 0 4px;color:#ef3949;font:900 8px 'Barlow Condensed';letter-spacing:1.5px}.ranking-dialog-head h2{margin:0;font:900 25px 'Barlow Condensed';letter-spacing:.4px}.ranking-dialog-head button{width:34px;height:34px;border:0;background:transparent;color:#969099;cursor:pointer;font:300 30px/1 sans-serif}.ranking-dialog-head button:hover{color:#fff}.ranking-dialog-body{padding:22px}.ranking-dialog-body section h3{margin:0 0 7px;color:#fff;font:900 16px 'Barlow Condensed';letter-spacing:.7px}.ranking-dialog-body section p,.ranking-note{margin:0;color:#aaa4aa;font:500 11px/1.6 'Inter',sans-serif}.ranking-formula{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:17px 0 22px;padding:13px 15px;border-left:3px solid #ef3949;background:#ffffff06}.ranking-formula b{color:#ef5967;font:900 12px 'Barlow Condensed';letter-spacing:.8px}.ranking-formula span{color:#625d63}.ranking-formula strong{color:#fff;font:700 11px 'Inter',sans-serif}.ranking-tier-table{margin:14px 0 17px;border:1px solid #ffffff17}.ranking-tier-row{min-height:39px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:5px 12px;border-bottom:1px solid #ffffff0f}.ranking-tier-row:last-child{border-bottom:0}.ranking-tier-row>span,.ranking-tier-row>strong{color:#c3bdc2;text-align:center;font:700 10px 'Inter',sans-serif}.ranking-tier-row>strong{color:#fff}.ranking-tier-row.is-head{min-height:34px;background:#ffffff05}.ranking-tier-row.is-head span{color:#777178;font:800 8px 'Inter',sans-serif;letter-spacing:.7px}.ranking-note{padding-top:2px;color:#777178!important}
@media(max-width:900px){.tiers-heading{align-items:flex-start;flex-direction:column}.overall-row{grid-template-columns:44px 62px minmax(150px,.8fr) minmax(390px,1.6fr)}.overall-skin{width:58px}.tier-columns{grid-template-columns:repeat(5,210px)}}@media(max-width:850px){.tiers-page{padding-inline:16px}.tiers-heading h1{font-size:46px}.tier-tabs{margin-inline:-16px;padding-inline:16px}.overall-list{overflow-x:auto}.overall-row{min-width:760px}.tier-columns{margin-inline:-1px}.ranking-dialog-body{padding:18px}.ranking-formula{grid-template-columns:1fr}.ranking-formula span{display:none}}@media(max-width:520px){.tiers-heading{gap:18px}.ranking-help{width:100%}.tier-tab{padding-inline:11px}.ranking-tier-row{padding-inline:8px}.ranking-dialog-head{padding:16px 17px}.ranking-dialog-head h2{font-size:21px}}

/* Official Minecraft item textures for every active ranked kit. */
.tier-tab span{width:25px;height:25px;display:grid;place-items:center;font-size:0;filter:saturate(.92) drop-shadow(0 3px 4px #000a)}
.tier-tab-icon,.tier-tab span img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}
.overall-tier i{width:20px;height:20px;display:grid;place-items:center;font-size:0}
.overall-tier-icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #000a)}
.overall-tier b,.tier-player>strong,.tier-badge{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:.25px}
.overall-tier b{font-size:13px}
.tier-player>strong{font-size:12px}
