:root{--neon-purple: #8b5cf6;--neon-cyan: #06b6d4;--neon-pink: #ec4899;--neon-purple-glow: rgba(139, 92, 246, .55);--neon-cyan-glow: rgba(6, 182, 212, .55);--neon-pink-glow: rgba(236, 72, 153, .55);--bg-void: #0a0118;--bg-panel: rgba(17, 10, 38, .82);--bg-panel-solid: #140b2b;--border-soft: rgba(139, 92, 246, .35);--text-primary: #f4f2ff;--text-muted: #a99fd1;--rarity-common: #9ca3af;--rarity-rare: #06b6d4;--rarity-epic: #8b5cf6;--rarity-legendary: #ec4899;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--font-display: "Segoe UI", "Rajdhani", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-display)}body{background:radial-gradient(ellipse at 20% 0%,rgba(139,92,246,.18),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.15),transparent 55%),var(--bg-void)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;cursor:pointer}.neon-panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 24px #8b5cf61f,inset 0 0 40px #8b5cf60a}.neon-text-purple{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple-glow)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan-glow)}.neon-text-pink{color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink-glow)}.neon-btn{border:1px solid var(--neon-purple);color:var(--text-primary);background:linear-gradient(135deg,#8b5cf640,#06b6d426);border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 0 12px #8b5cf640}.neon-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #8b5cf680,0 0 20px #06b6d440}.neon-btn:active{transform:translateY(0)}.neon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.neon-input{background:#ffffff0a;border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none}.neon-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow)}