:root{--bg-primary:#0a0a0b;--bg-secondary:#1a1a1b;--bg-tertiary:#2d2d30;--bg-card:rgba(45,45,48,0.8);--bg-glass:rgba(255,255,255,0.05);--accent-orange:#ff6b35c5;--accent-orange-hover:#e5592ec7;--accent-orange-rgb:255,107,53;--accent-cyan:#00d9ff;--accent-green:#00ff88;--accent-red:#ff4757;--accent-yellow:#ffa502;--text-primary:#ffffff;--text-secondary:#b4b4b8;--text-muted:#8a8a8f;--text-accent:var(--accent-orange);--border-primary:rgba(255,255,255,0.1);--border-accent:var(--accent-orange);--border-glass:rgba(255,255,255,0.15);--shadow-card:0 8px 32px rgba(0,0,0,0.3);--shadow-glow:0 0 20px rgba(255,107,53,0.3);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.2);--gradient-orange:linear-gradient(135deg,#ff6b35ba,#f7921ebb);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));--gradient-rarity-mythic:linear-gradient(135deg,#ff00ff,#8b00ff);--gradient-rarity-legendary:linear-gradient(135deg,#ffd700,#ff8c00);--gradient-rarity-epic:linear-gradient(135deg,#9932cc,#4b0082);--gradient-rarity-rare:linear-gradient(135deg,#0080ff,#0040ff);--gradient-rarity-uncommon:linear-gradient(135deg,#00ff80,#008040);--gradient-rarity-common:linear-gradient(135deg,#808080,#404040);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--z-toast:1070}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden}body{background-image:radial-gradient(circle at 25% 25%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,217,255,.1) 0,transparent 50%);min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;border:none;outline:none;background:rgba(0,0,0,0);color:var(--text-primary)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange-hover)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass)}.gradient-text{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.glow{box-shadow:var(--shadow-glow)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,100%,0)}}.slide-up{animation:slideInUp .3s ease-out}.slide-down{animation:slideOutDown .3s ease-out}