.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a0f1fe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{position:relative;display:inline-block}.loading-indicator.small .loading-spinner{width:30px;height:30px}.loading-indicator.medium .loading-spinner{width:50px;height:50px}.loading-indicator.large .loading-spinner{width:80px;height:80px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){border-top-color:var(--accent-pink);animation-delay:-.5s;animation-duration:1.8s}.spinner-ring:nth-child(3){border-top-color:gold;animation-delay:-1s;animation-duration:2.1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#ffffffe6;font-size:1rem;font-weight:500;text-align:center;margin:0;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.loading-indicator.small .loading-message{font-size:.85rem}.loading-indicator.large .loading-message{font-size:1.2rem}@media (max-width: 1279px){.loading-indicator{padding:1.5rem}.loading-indicator.medium .loading-spinner{width:45px;height:45px}.loading-indicator.large .loading-spinner{width:70px;height:70px}}@media (max-width: 767px){.loading-indicator{padding:1rem}.loading-indicator.small .loading-spinner{width:25px;height:25px}.loading-indicator.medium .loading-spinner{width:40px;height:40px}.loading-indicator.large .loading-spinner{width:60px;height:60px}.loading-message{font-size:.9rem}}:root{--bg-dark-primary: #1a0f1f;--bg-dark-secondary: #0f0a14;--bg-dark-tertiary: #2d1b3d;--accent-purple: #8b3a9c;--accent-purple-light: #a855c7;--accent-purple-dark: #6b2a7c;--accent-pink: #ff4d8f;--accent-pink-light: #ff6ba5;--accent-pink-dark: #e03d7a;--accent-gold: #ffd700;--accent-gold-light: #ffe44d;--accent-gold-dark: #ccac00;--rarity-common: #9e9e9e;--rarity-common-glow: rgba(158, 158, 158, .4);--rarity-rare: #4fc3f7;--rarity-rare-glow: rgba(79, 195, 247, .5);--rarity-epic: #ab47bc;--rarity-epic-glow: rgba(171, 71, 188, .6);--rarity-legendary: #ffd700;--rarity-legendary-glow: rgba(255, 215, 0, .7);--element-fire: #ff5722;--element-fire-glow: rgba(255, 87, 34, .5);--element-water: #2196f3;--element-water-glow: rgba(33, 150, 243, .5);--element-earth: #795548;--element-earth-glow: rgba(121, 85, 72, .5);--element-air: #e0f7fa;--element-air-glow: rgba(224, 247, 250, .5);--element-lightning: #ffeb3b;--element-lightning-glow: rgba(255, 235, 59, .6);--element-ice: #00bcd4;--element-ice-glow: rgba(0, 188, 212, .5);--element-light: #fff9c4;--element-light-glow: rgba(255, 249, 196, .6);--element-dark: #424242;--element-dark-glow: rgba(66, 66, 66, .5);--element-nature: #4caf50;--element-nature-glow: rgba(76, 175, 80, .5);--element-metal: #9e9e9e;--element-metal-glow: rgba(158, 158, 158, .5);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-hard: 0 8px 32px rgba(0, 0, 0, .6);--shadow-dramatic: 0 12px 48px rgba(0, 0, 0, .8);--glow-purple: 0 0 20px rgba(139, 58, 156, .6);--glow-pink: 0 0 20px rgba(255, 77, 143, .6);--glow-gold: 0 0 30px rgba(255, 215, 0, .7);--highlight-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1), transparent);--shadow-gradient: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-modal: 500;--z-overlay: 900;--z-tooltip: 1000}.dramatic-shadow{box-shadow:var(--shadow-dramatic)}.medium-shadow{box-shadow:var(--shadow-medium)}.soft-shadow{box-shadow:var(--shadow-soft)}.glow-purple{box-shadow:var(--glow-purple)}.glow-pink{box-shadow:var(--glow-pink)}.glow-gold{box-shadow:var(--glow-gold)}.highlight-overlay{position:relative}.highlight-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--highlight-gradient);pointer-events:none;border-radius:inherit}.shadow-overlay{position:relative}.shadow-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:var(--shadow-gradient);pointer-events:none;border-radius:inherit}.inner-glow{box-shadow:inset 0 0 20px #8b3a9c4d}.border-glow-purple{border:2px solid var(--accent-purple);box-shadow:0 0 20px #8b3a9c80,inset 0 0 10px #8b3a9c33}.border-glow-pink{border:2px solid var(--accent-pink);box-shadow:0 0 20px #ff4d8f80,inset 0 0 10px #ff4d8f33}.border-glow-gold{border:2px solid var(--accent-gold);box-shadow:0 0 30px #ffd70099,inset 0 0 15px #ffd7004d}.rarity-common{color:var(--rarity-common)}.rarity-common-bg{background-color:var(--rarity-common)}.rarity-common-border{border-color:var(--rarity-common)}.rarity-common-glow{box-shadow:0 0 20px var(--rarity-common-glow)}.rarity-rare{color:var(--rarity-rare)}.rarity-rare-bg{background-color:var(--rarity-rare)}.rarity-rare-border{border-color:var(--rarity-rare)}.rarity-rare-glow{box-shadow:0 0 20px var(--rarity-rare-glow)}.rarity-epic{color:var(--rarity-epic)}.rarity-epic-bg{background-color:var(--rarity-epic)}.rarity-epic-border{border-color:var(--rarity-epic)}.rarity-epic-glow{box-shadow:0 0 25px var(--rarity-epic-glow)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-legendary-bg{background-color:var(--rarity-legendary)}.rarity-legendary-border{border-color:var(--rarity-legendary)}.rarity-legendary-glow{box-shadow:0 0 30px var(--rarity-legendary-glow)}.element-fire{color:var(--element-fire)}.element-fire-bg{background-color:var(--element-fire)}.element-fire-border{border-color:var(--element-fire)}.element-fire-glow{box-shadow:0 0 20px var(--element-fire-glow)}.element-water{color:var(--element-water)}.element-water-bg{background-color:var(--element-water)}.element-water-border{border-color:var(--element-water)}.element-water-glow{box-shadow:0 0 20px var(--element-water-glow)}.element-earth{color:var(--element-earth)}.element-earth-bg{background-color:var(--element-earth)}.element-earth-border{border-color:var(--element-earth)}.element-earth-glow{box-shadow:0 0 20px var(--element-earth-glow)}.element-air{color:var(--element-air)}.element-air-bg{background-color:var(--element-air)}.element-air-border{border-color:var(--element-air)}.element-air-glow{box-shadow:0 0 20px var(--element-air-glow)}.element-lightning{color:var(--element-lightning)}.element-lightning-bg{background-color:var(--element-lightning)}.element-lightning-border{border-color:var(--element-lightning)}.element-lightning-glow{box-shadow:0 0 25px var(--element-lightning-glow)}.element-ice{color:var(--element-ice)}.element-ice-bg{background-color:var(--element-ice)}.element-ice-border{border-color:var(--element-ice)}.element-ice-glow{box-shadow:0 0 20px var(--element-ice-glow)}.element-light{color:var(--element-light)}.element-light-bg{background-color:var(--element-light)}.element-light-border{border-color:var(--element-light)}.element-light-glow{box-shadow:0 0 25px var(--element-light-glow)}.element-dark{color:var(--element-dark)}.element-dark-bg{background-color:var(--element-dark)}.element-dark-border{border-color:var(--element-dark)}.element-dark-glow{box-shadow:0 0 20px var(--element-dark-glow)}.element-nature{color:var(--element-nature)}.element-nature-bg{background-color:var(--element-nature)}.element-nature-border{border-color:var(--element-nature)}.element-nature-glow{box-shadow:0 0 20px var(--element-nature-glow)}.element-metal{color:var(--element-metal)}.element-metal-bg{background-color:var(--element-metal)}.element-metal-border{border-color:var(--element-metal)}.element-metal-glow{box-shadow:0 0 20px var(--element-metal-glow)}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.sparkle-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff,transparent);border-radius:50%;animation:sparkle-float 3s ease-in-out infinite}@keyframes sparkle-float{0%{transform:translateY(0) scale(0);opacity:0}50%{opacity:1;transform:translateY(-100px) scale(1)}to{transform:translateY(-200px) scale(0);opacity:0}}.glow-orb{position:absolute;border-radius:50%;filter:blur(20px);animation:orb-pulse 4s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.6}}.energy-trail{position:absolute;width:2px;height:40px;background:linear-gradient(180deg,var(--accent-purple),transparent);animation:trail-move 2s linear infinite}@keyframes trail-move{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}.star-burst{position:absolute;width:100px;height:100px;animation:burst 1s ease-out forwards}.star-burst:before,.star-burst:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);transform:translate(-50%,-50%)}.star-burst:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes burst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(3) rotate(180deg);opacity:0}}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-slide 3s ease-in-out infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:100%}}.pulse-glow{animation:pulse-glow-anim 2s ease-in-out infinite}@keyframes pulse-glow-anim{0%,to{box-shadow:0 0 10px #8b3a9c4d}50%{box-shadow:0 0 30px #8b3a9ccc}}.fire-particles{position:absolute;width:100%;height:100%}.fire-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,var(--element-fire),transparent);border-radius:50%;animation:fire-rise 1.5s ease-out forwards}@keyframes fire-rise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-150px) scale(.3);opacity:0}}.water-splash{position:absolute;width:10px;height:10px;background:var(--element-water);border-radius:50%;animation:splash .8s ease-out forwards}@keyframes splash{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5)}to{transform:scale(.5) translateY(50px);opacity:0}}.lightning-bolt{position:absolute;width:3px;height:100px;background:linear-gradient(180deg,var(--element-lightning),transparent);box-shadow:0 0 10px var(--element-lightning-glow);animation:lightning-strike .3s ease-out forwards}@keyframes lightning-strike{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0}}.ice-crystal{position:absolute;width:12px;height:12px;background:var(--element-ice);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:crystal-fall 1.2s ease-in forwards}@keyframes crystal-fall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}.nature-leaf{position:absolute;width:15px;height:15px;background:var(--element-nature);border-radius:0 100%;animation:leaf-flutter 2s ease-in-out forwards}@keyframes leaf-flutter{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(720deg);opacity:0}}.bg-dark-romantic{background:linear-gradient(135deg,var(--bg-dark-primary) 0%,var(--bg-dark-tertiary) 100%)}.bg-dark-radial{background:radial-gradient(circle at center,var(--bg-dark-tertiary),var(--bg-dark-primary))}.bg-purple-gradient{background:linear-gradient(135deg,var(--accent-purple-dark),var(--accent-purple))}.bg-pink-gradient{background:linear-gradient(135deg,var(--accent-pink-dark),var(--accent-pink))}.bg-gold-gradient{background:linear-gradient(135deg,var(--accent-gold-dark),var(--accent-gold))}.bg-purple-pink-gradient{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink))}.bg-glass{background:#1a0f1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,58,156,.3)}.bg-glass-strong{background:#1a0f1fe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(139,58,156,.5)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border:none;color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hard),var(--glow-pink)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#8b3a9c33;border:2px solid var(--accent-purple);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:#8b3a9c66;border-color:var(--accent-pink);box-shadow:var(--glow-purple)}.btn-gold{background:linear-gradient(135deg,var(--accent-gold-dark),var(--accent-gold));border:none;color:var(--bg-dark-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-medium)}.btn-gold:hover{transform:translateY(-2px);box-shadow:var(--shadow-hard),var(--glow-gold)}.card-dark{background:#1a0f1fcc;border:1px solid rgba(139,58,156,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);transition:all var(--transition-base)}.card-dark:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-hard),var(--glow-purple);transform:translateY(-4px)}.card-glass{background:#1a0f1f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,58,156,.4);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-base) ease-in}.slide-in-up{animation:slideInUp var(--transition-base) ease-out}.slide-in-down{animation:slideInDown var(--transition-base) ease-out}.scale-in{animation:scaleIn var(--transition-base) ease-out}.text-gradient-purple-pink{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--accent-gold-dark),var(--accent-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-purple)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--bg-dark-primary) 0%,var(--bg-dark-tertiary) 100%);background-attachment:fixed;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-radius:var(--radius-sm);border:2px solid var(--bg-dark-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-purple-light),var(--accent-pink-light))}::selection{background:var(--accent-purple);color:#fff}::-moz-selection{background:var(--accent-purple);color:#fff}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(139,58,156,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,77,143,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:ambient-shift 20s ease-in-out infinite}@keyframes ambient-shift{0%,to{transform:translate(0)}50%{transform:translate(-5%,-5%)}}.app-header{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));padding:2rem;text-align:center;box-shadow:var(--shadow-dramatic);position:relative;z-index:1}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);animation:shimmer-slide 3s ease-in-out infinite}.app-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 4px 12px rgba(0,0,0,.5);animation:fadeIn .8s ease-out}.app-header p{font-size:1rem;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.3)}.app-main{flex:1;padding:2rem;max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(139,58,156,.3);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#f443361a;border:2px solid #f44336;border-radius:var(--radius-md);padding:var(--spacing-md);color:#ff6b6b;margin:var(--spacing-md) 0;box-shadow:0 0 20px #f443364d}.success-message{background:#4caf501a;border:2px solid #4caf50;border-radius:var(--radius-md);padding:var(--spacing-md);color:#81c784;margin:var(--spacing-md) 0;box-shadow:0 0 20px #4caf504d}.info-message{background:#2196f31a;border:2px solid #2196f3;border-radius:var(--radius-md);padding:var(--spacing-md);color:#64b5f6;margin:var(--spacing-md) 0;box-shadow:0 0 20px #2196f34d}.disabled,[disabled]{opacity:.5;cursor:not-allowed!important;pointer-events:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-purple);outline-offset:2px}input,select,textarea{background:#1a0f1fcc;border:2px solid rgba(139,58,156,.3);border-radius:var(--radius-md);color:#fff;padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-base)}input:hover,select:hover,textarea:hover{border-color:var(--accent-purple)}input:focus,select:focus,textarea:focus{border-color:var(--accent-pink);box-shadow:0 0 20px #ff4d8f4d}::placeholder{color:#fff6}@media (max-width: 768px){.app-header h1{font-size:1.8rem}.app-main{padding:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}