.cost-1{--cost:#9aa4af}.cost-2{--cost:#2fbf71}.cost-3{--cost:#2f8de4}.cost-4{--cost:#b44cf0}.cost-5{--cost:#f4b23c}.tier-0{--t1:#3a4250;--t2:#1c222c;--tg:transparent}.tier-1{--t1:#d2956c;--t2:#6d3f25;--tg:#d2956c59}.tier-3{--t1:#e1ecf5;--t2:#6c7f92;--tg:#c8dcf059}.tier-4{--t1:#ffb8f0;--t2:#a24ad8;--tg:#dc78ff66}.tier-5{--t1:#ffe7a0;--t2:#b8862f;--tg:#f4c15a66}.tier-6{--t1:#c9fbff;--t2:#8a6bff;--tg:#aa96ff73}.thex{--s:34px;width:var(--s);aspect-ratio:1/1.1547;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, var(--t1), var(--t2));filter:drop-shadow(0 0 6px var(--tg));flex:none;place-items:center;display:inline-grid;position:relative}.tier-6.thex{background:conic-gradient(from 200deg,#ffd1f4,#9a83ff,#4fe3ff,#8dffb0,#ffe27a,#ffd1f4)}.thex:before{content:"";clip-path:inherit;background:radial-gradient(circle at 50% 30%, #ffffff14, #0000008c), var(--t2);position:absolute;inset:2px}.tier-0.thex:before{background:#10161f}.thex img{filter:drop-shadow(0 1px 1px #0009);width:62%;height:auto;position:relative}.tier-0.thex img{opacity:.55}.unit{width:var(--u,64px);aspect-ratio:1;border:2px solid var(--cost,#555);background:#050c16;display:block;position:relative;box-shadow:inset 0 0 0 1px #0009}.unit img{object-fit:cover;width:100%;height:100%}.unit__cost{min-width:16px;font-family:var(--font-latin);text-align:center;color:#0b0f14;background:var(--cost);padding:0 3px;font-size:11px;line-height:15px;position:absolute;bottom:-2px;right:-2px}.ladder{font-family:var(--font-latin);color:var(--text-3);align-items:center;gap:3px;font-size:12px;display:inline-flex}.ladder span+span:before{content:"›";color:var(--text-3);margin-right:3px}.ladder .on{color:var(--gold-0)}