.label-system-switcher{margin:18px 0 34px;padding:20px;border:1px solid #4b464d;border-radius:6px;background:#101115}
.label-system-switcher>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:14px}.label-system-switcher h2{margin:3px 0 0;color:#fff5e3;font-size:clamp(1.55rem,3vw,2.5rem)}.label-system-switcher>header p{margin:0;color:#aaa4ac}.label-system-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label-system-option{--tone:#c59af1;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;align-items:center;min-width:0;padding:15px;border:1px solid color-mix(in srgb,var(--tone) 48%,#454148);border-left:5px solid var(--tone);border-radius:5px;color:inherit;background:color-mix(in srgb,var(--tone) 6%,#111216);text-decoration:none}.label-system-option.is-grade{--tone:#f1c65d}.label-system-option.is-tier{--tone:#62d69e}.label-system-option>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--tone);border-radius:50%;color:var(--tone);font-size:1.35rem}.label-system-option>span{display:grid;gap:3px;min-width:0}.label-system-option small{color:var(--tone);font-weight:850;text-transform:uppercase}.label-system-option strong{color:#f6f1f4;font-size:1.03rem}.label-system-option p{margin:0;color:#aaa4ac;line-height:1.45}.label-system-option>b{padding:5px 8px;border:1px solid var(--tone);border-radius:4px;color:var(--tone);font-size:.7rem;text-transform:uppercase}.label-system-option:not(.is-current):hover{background:color-mix(in srgb,var(--tone) 11%,#111216)}
.tier-scope-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 34px}.tier-scope-strip article{--tone:#f1c65d;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--tone) 45%,#423f43);border-bottom:3px solid var(--tone);border-radius:4px;background:#111216}.tier-scope-strip article:nth-child(2){--tone:#62d69e}.tier-scope-strip article:nth-child(3){--tone:#c59af1}.tier-scope-strip article:nth-child(4){--tone:#ed9859}.tier-scope-strip i{color:var(--tone);font-size:1.25rem}.tier-scope-strip span{display:grid;gap:2px}.tier-scope-strip small{color:#918b93;text-transform:uppercase}.tier-scope-strip strong{color:#eee9ed}
@media(max-width:820px){.label-system-switcher>header{grid-template-columns:1fr}.label-system-options{grid-template-columns:1fr}.tier-scope-strip{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.label-system-switcher{padding:14px}.label-system-option{grid-template-columns:42px minmax(0,1fr)}.label-system-option>i{width:40px;height:40px}.label-system-option>b{grid-column:2}.tier-scope-strip{grid-template-columns:1fr}}
.tier-direction{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;gap:14px;align-items:center;margin:20px 0 14px}.tier-direction strong{display:flex;gap:8px;align-items:center;color:#f2ce76;font-size:.76rem;text-transform:uppercase}.tier-direction strong:last-child{color:#e7a0b3}.tier-direction>span{position:relative;height:2px;background:linear-gradient(90deg,#f1c65d,#62d69e,#c59af1,#ed9859,#ec7899)}.tier-direction>span::after{position:absolute;top:50%;right:-1px;width:9px;height:9px;border-top:2px solid #ec7899;border-right:2px solid #ec7899;content:"";transform:translateY(-50%) rotate(45deg)}
@media(max-width:520px){.tier-direction{grid-template-columns:1fr;gap:8px}.tier-direction>span{order:2}.tier-direction strong:last-child{order:3;justify-content:flex-end}}