:root{--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-card-hover: #242424;--text-primary: #f0ece8;--text-secondary: #8a8a8a;--accent-gold: #ff8c00;--accent-fire: #ff4500;--accent-phoenix: #ff5722;--accent-purple: #c840e9;--accent-green: #39ff14;--accent-red: #ff2d2d;--border: #2a2a2a;--shadow: 0 4px 20px rgba(0,0,0,.6);--radius: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:20px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--accent-gold)}.rarity-common{color:#b0b0b0}.rarity-uncommon{color:var(--accent-green)}.rarity-rare{color:#0070dd}.rarity-epic{color:var(--accent-purple)}.rarity-mythic{color:var(--accent-gold);text-shadow:0 0 10px rgba(255,140,0,.5)}.btn{padding:12px 24px;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:all .3s;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--accent-fire),var(--accent-phoenix));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff450080}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-gold)}.btn-gold{background:linear-gradient(135deg,var(--accent-gold),var(--accent-fire));color:#0d0d0d;font-weight:700}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff8c0066}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-gold)}50%{box-shadow:0 0 20px var(--accent-gold),0 0 40px #ff8c004d}}@keyframes fireGlow{0%,to{box-shadow:0 0 5px var(--accent-fire)}50%{box-shadow:0 0 25px var(--accent-fire),0 0 50px #ff450033}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes purpleGlow{0%,to{box-shadow:0 0 5px var(--accent-purple)}50%{box-shadow:0 0 20px var(--accent-purple),0 0 40px #c840e933}}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-fire-glow{animation:fireGlow 2s ease-in-out infinite}.animate-purple-glow{animation:purpleGlow 2.5s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}::selection{background:#ff8c004d;color:var(--text-primary)}