@tailwind base;@tailwind components;@tailwind utilities;:root{--gold: 43 74% 58%;--bordeaux: 0 82% 21%;--bordeaux-light: 0 70% 28%;--bg-dark: 0 25% 3%;--panel-bg: 0 27% 8%;--border-main: 0 58% 15%}body{background-color:hsl(var(--bg-dark));background-image:url(https://www.transparenttextures.com/patterns/black-felt.png);color:#e0e0e0;font-family:Rajdhani,sans-serif;background-attachment:fixed}.font-graffiti{font-family:Permanent Marker,cursive}.font-tech{font-family:Rajdhani,sans-serif}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:hsl(var(--bg-dark))}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--bordeaux));border-radius:10px}.bg-bg-dark{background-color:hsl(var(--bg-dark))}.bg-panel-bg{background-color:hsla(var(--panel-bg),.95)}.text-gold{color:hsl(var(--gold))}.bg-gold{background-color:hsl(var(--gold))}.border-gold{border-color:hsl(var(--gold))}.text-bordeaux{color:hsl(var(--bordeaux))}.bg-bordeaux{background-color:hsl(var(--bordeaux))}.border-bordeaux{border-color:hsl(var(--bordeaux))}.border-border-main{border-color:hsl(var(--border-main))}.panel-header-gradient{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px),linear-gradient(90deg,hsl(var(--bordeaux)),#0e0b0b)}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px hsl(var(--bordeaux)),0 0 20px hsl(var(--bordeaux)),4px 4px 0px #000}50%{text-shadow:0 0 20px hsl(var(--gold)),0 0 40px hsl(var(--bordeaux)),4px 4px 0px #000}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in .3s ease-out}.slide-in-from-top-4{animation:slide-in-from-top .3s ease-out}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-glitch{animation:glitch 1s linear infinite}::selection{background-color:hsl(var(--bordeaux));color:#fff}
