.mask-tier{position:relative;display:inline-block;width:56px;height:56px;perspective:400px;cursor:help;outline:none;-webkit-tap-highlight-color:transparent}.mask-tier img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;animation:mask-tier-spin 9s linear infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.mask-tier--basic img{filter:drop-shadow(0 0 6px rgba(255,255,255,.25)) drop-shadow(0 4px 10px rgba(0,0,0,.55))}.mask-tier--high img{filter:drop-shadow(0 0 8px rgba(210,220,235,.35)) drop-shadow(0 4px 10px rgba(0,0,0,.55))}.mask-tier--ultra img{filter:drop-shadow(0 0 10px rgba(168,85,247,.55)) drop-shadow(0 4px 10px rgba(0,0,0,.55))}.mask-tier--legendary img{filter:drop-shadow(0 0 12px rgba(255,170,30,.65)) drop-shadow(0 4px 10px rgba(0,0,0,.55))}@keyframes mask-tier-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.mask-tier--corner{position:absolute;top:.75rem;right:.75rem;z-index:3}.mask-tier-label{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;align-items:flex-end;padding:.35rem .6rem;border-radius:8px;background:#08060eeb;border:1px solid rgba(255,255,255,.18);color:#fff;white-space:nowrap;line-height:1.2;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s;pointer-events:none;z-index:4}.mask-tier-label b{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mask-tier-label small{font-size:.68rem;color:#fff9}.mask-tier--basic .mask-tier-label b{color:#f2f2f2}.mask-tier--high .mask-tier-label b{color:#cfd8e3}.mask-tier--ultra .mask-tier-label b{color:#c084fc}.mask-tier--legendary .mask-tier-label b{color:#ffb02e}.mask-tier:focus-visible .mask-tier-label,.mask-tier.is-open .mask-tier-label{opacity:1;transform:none}@media(hover:hover){.mask-tier:hover .mask-tier-label{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mask-tier img{animation:none}}