.tier-card{position:relative;background:var(--c-surface,#111);border:1px solid var(--c-border,#1e1e1e);border-radius:0;transition:box-shadow .18s ease,border-color .18s ease}.tier-card--premium{border-color:var(--tier-gold);box-shadow:inset 0 0 0 1px var(--tier-gold),0 0 0 4px var(--tier-halo);background:linear-gradient(var(--tier-fill-tint),var(--tier-fill-tint)),var(--c-surface,#111)}.tier-card--premium:hover{box-shadow:inset 0 0 0 1px var(--tier-gold),0 0 0 6px var(--tier-halo)}.tier-card--vip{border-color:var(--tier-gold-strong);box-shadow:inset 0 0 0 1px var(--tier-gold-strong),inset 0 0 0 3px var(--c-surface,#111),inset 0 0 0 4px var(--tier-gold),0 0 0 6px var(--tier-halo-vip);background:linear-gradient(var(--tier-fill-tint),var(--tier-fill-tint)),var(--c-surface,#111)}.tier-card--vip:hover{box-shadow:inset 0 0 0 1px var(--tier-gold-strong),inset 0 0 0 3px var(--c-surface,#111),inset 0 0 0 4px var(--tier-gold),0 0 0 8px var(--tier-halo-vip)}@property --vip-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes tier-vip-sweep{0%{--vip-angle:0deg}to{--vip-angle:360deg}}.tier-card--vip.tier-card--featured{border:2px solid transparent;background:linear-gradient(var(--c-surface,#111),var(--c-surface,#111)) padding-box,conic-gradient(from var(--vip-angle,0deg),var(--tier-gold) 0,var(--tier-gold-strong) 25%,var(--tier-gold) 50%,var(--tier-gold-strong) 75%,var(--tier-gold) 100%) border-box;box-shadow:0 0 0 6px var(--tier-halo-vip);animation:tier-vip-sweep 8s linear infinite}@media (prefers-reduced-motion:reduce){.tier-card--vip.tier-card--featured{animation:none;background:var(--c-surface,#111);border:1px solid var(--tier-gold-strong);box-shadow:inset 0 0 0 1px var(--tier-gold-strong),inset 0 0 0 3px var(--c-surface,#111),inset 0 0 0 4px var(--tier-gold),0 0 0 6px var(--tier-halo-vip)}}