@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(34,197,94,.3)}50%{box-shadow:0 0 40px rgba(34,197,94,.6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gradient-text{background:linear-gradient(135deg,#22c55e,#3b82f6,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.btn-interactive{position:relative;overflow:hidden;transition:all .3s ease}.btn-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-interactive:hover:before{left:100%}.item-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .5s}.item-card:hover:before{left:100%}.item-card:hover{transform:translateY(-2px)}.rarity-common{animation:pulse-glow 3s ease-in-out infinite}.rarity-uncommon{animation:pulse-glow 2.5s ease-in-out infinite}.rarity-rare{animation:pulse-glow 2s ease-in-out infinite}.rarity-epic{animation:pulse-glow 1.5s ease-in-out infinite}.rarity-legendary{animation:pulse-glow 1s ease-in-out infinite}.material-card{transition:all .3s ease;position:relative;overflow:hidden}.material-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .5s}.material-card:hover:before{left:100%}.material-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.3)}.version-btn{transition:all .3s ease;position:relative;overflow:hidden}.version-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .5s}.version-btn:hover:before{left:100%}.quantity-input{transition:all .3s ease}.quantity-input:focus{transform:scale(1.05);box-shadow:0 0 20px rgba(34,197,94,.3)}.search-input{transition:all .3s ease}.search-input:focus{transform:scale(1.02);box-shadow:0 0 20px rgba(34,197,94,.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22c55e,#3b82f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#16a34a,#2563eb)}@media (max-width:640px){.hero-title{font-size:2.5rem;line-height:1.1}}@media (min-width:641px) and (max-width:1024px){.hero-title{font-size:3.5rem;line-height:1.1}}@media (min-width:1025px){.hero-title{font-size:4.5rem;line-height:1.1}}.skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}button:focus-visible,input:focus-visible{outline:2px solid #22c55e;outline-offset:2px}@media (prefers-contrast:high){.gradient-text{background:none;-webkit-text-fill-color:white;color:white}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.tooltip:hover:after{opacity:1}.progress-bar{transition:width .5s ease-in-out}.glow-effect{box-shadow:0 0 20px rgba(34,197,94,.3);animation:pulse-glow 2s ease-in-out infinite}.card-selected{animation:selection-pulse .5s ease-in-out}@keyframes selection-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}