@custom-variant dark (&:is(.dark *));:root{--crimson-primary: #B3122F;--lava-red: #FF2E2E;--flame-orange: #FF7A18;--electric-pink: #FF006E;--midnight-navy: #0C0F1A;--dark-ember: #11131F;--charcoal: #1A1D2E;--cyan-accent: #00E0FF;--gold-glow: #FFD700;--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 600;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .5rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 600;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--midnight-navy) 0%,var(--dark-ember) 50%,var(--charcoal) 100%);background-attachment:fixed}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:var(--text-2xl);font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}h2{font-size:var(--text-xl);font-weight:700;line-height:1.3;letter-spacing:.015em;text-transform:uppercase}h3{font-size:var(--text-lg);font-weight:600;line-height:1.4;letter-spacing:.01em}h4{font-size:var(--text-base);font-weight:600;line-height:1.4}label{font-size:var(--text-base);font-weight:500;line-height:1.4}button{font-size:var(--text-base);font-weight:700;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}}html{font-size:var(--font-size);scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--midnight-navy)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--crimson-primary) 0%,var(--lava-red) 50%,var(--flame-orange) 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--lava-red) 0%,var(--flame-orange) 100%)}.gradient-text-fire{background:linear-gradient(135deg,var(--lava-red) 0%,var(--flame-orange) 50%,var(--electric-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-crimson{background:linear-gradient(135deg,var(--crimson-primary) 0%,var(--lava-red) 50%,var(--flame-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,var(--flame-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,var(--cyan-accent) 0%,#00B8D4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-red{box-shadow:0 0 17px #ff2e2e57,0 0 34px #ff2e2e2b,0 0 51px #ff2e2e16}.glow-fire{box-shadow:0 0 21px #ff7a186e,0 0 43px #ff7a1842}.glow-crimson{box-shadow:0 0 17px #b3122f82,0 0 34px #b3122f42}.glow-cyan{box-shadow:0 0 17px #00e0ff57,0 0 34px #00e0ff2b}.glow-pink{box-shadow:0 0 21px #ff006e6e,0 0 43px #ff006e2b}.glow-blue{box-shadow:0 0 17px #00b4ff42,0 0 34px #00b4ff16}.glow-purple{box-shadow:0 0 17px #9d4edd42,0 0 34px #9d4edd16}.glow-mythical{box-shadow:0 0 20px #ff006e4d,0 0 40px #ff006e26,0 0 60px #ff006e14}.glow-mythical-strong{box-shadow:0 0 25px #ff006e80,0 0 50px #ff006e40,0 0 75px #ff006e1f}.glow-gold{box-shadow:0 0 17px #ffd70042,0 0 34px #ffd70016}@keyframes fireGlow{0%,to{border-color:var(--crimson-primary);box-shadow:0 0 15px #b3122f80}50%{border-color:var(--lava-red);box-shadow:0 0 25px #ff2e2eb3}}.border-fire-animated{animation:fireGlow 2s ease-in-out infinite}@keyframes energyPulse{0%,to{box-shadow:0 0 10px #ff7a184d}50%{box-shadow:0 0 30px #ff7a1899}}.pulse-energy{animation:energyPulse 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,122,24,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}.glass-card{background:#141628d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,46,46,.2);transition:all .25s ease}.glass-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ff7a1880;box-shadow:0 0 25px #ff2e2e42,0 10px 35px #00000073}.tier-s-plus{background:linear-gradient(135deg,var(--electric-pink) 0%,var(--lava-red) 100%);box-shadow:0 0 20px #ff006e80;animation:energyPulse 2s ease-in-out infinite}.tier-s{background:linear-gradient(135deg,var(--lava-red) 0%,var(--flame-orange) 100%);box-shadow:0 0 15px #ff2e2e66}.tier-a{background:linear-gradient(135deg,var(--flame-orange) 0%,#FFA500 100%);box-shadow:0 0 15px #ff7a1866}.tier-b{background:linear-gradient(135deg,#9d4edd,#7b2cbf);box-shadow:0 0 12px #9d4edd4d}.tier-c{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 0 10px #4361ee4d}.rarity-mythical{background:linear-gradient(135deg,var(--electric-pink) 0%,#FF1493 100%);box-shadow:0 0 15px #ff006e80}.rarity-legendary{background:linear-gradient(135deg,var(--gold-glow) 0%,#FFA500 100%);box-shadow:0 0 15px #ffd70080}.rarity-rare{background:linear-gradient(135deg,var(--cyan-accent) 0%,#00B8D4 100%);box-shadow:0 0 12px #00e0ff66}.rarity-uncommon{background:linear-gradient(135deg,#51cf66,#2f9e44);box-shadow:0 0 10px #51cf664d}.rarity-common{background:linear-gradient(135deg,#adb5bd,#6c757d);box-shadow:0 0 8px #adb5bd33}.pattern-embers{background-image:radial-gradient(circle,rgba(255,122,24,.08) 1px,transparent 1px);background-size:30px 30px}.pattern-grid-red{background-image:linear-gradient(rgba(179,18,47,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(179,18,47,.05) 1px,transparent 1px);background-size:50px 50px}.transition-combat{transition:all .25s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-6px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.hero-overlay{background:radial-gradient(ellipse at bottom center,#0c0f1a4d,#0c0f1af2)}.hero-vignette{box-shadow:inset 0 0 200px #b3122f26}