@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #DC143C;--color-secondary: #FFD700;--color-accent: #C41E3A;--color-background: #000000;--color-surface: #1a0a0a;--color-text: #FFFFFF;--color-text-secondary: #E0E0E0;--color-border: #DC143C;--color-hover: #FF1744;--font-heading: "Metal Mania", cursive;--font-body: system-ui, -apple-system, sans-serif}html{font-family:var(--font-body, system-ui, -apple-system, sans-serif);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text, #FFFFFF);background-color:var(--color-background, #000000);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;color:var(--color-text);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%)}#root{min-height:100vh;width:100%}h1,h2,h3{font-family:var(--font-heading);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px var(--color-primary)40}.glow-primary{box-shadow:0 0 10px var(--color-primary) 40,0 0 20px var(--color-primary) 20}.glow-primary:hover{box-shadow:0 0 15px var(--color-primary) 60,0 0 30px var(--color-primary) 40}.rock-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(26,10,10,.8) 100%);border:2px solid var(--color-border);transition:all .3s ease}.rock-card:hover{border-color:var(--color-hover);transform:translateY(-2px);box-shadow:0 8px 16px #dc143c4d}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}button:hover{transform:scale(1.05)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-hover);text-shadow:0 0 8px var(--color-primary)60}input{font-family:var(--font-body)}input:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary) 40}@keyframes rockPulse{0%,to{box-shadow:0 0 10px var(--color-primary) 40}50%{box-shadow:0 0 20px var(--color-primary) 60}}.rock-pulse{animation:rockPulse 2s ease-in-out infinite}