:root{--bg-void: #050a14;--bg-abyss: #0d1b2e;--bg-surface: #111f35;--bg-elevated: #162840;--accent-blue: #1a8fff;--accent-flame: #4db8ff;--accent-glow: rgba(26, 143, 255, .15);--accent-glow-strong: rgba(77, 184, 255, .25);--text-primary: #e8f4ff;--text-secondary:#a0bcd4;--text-muted: #3a5a7a;--text-mono: #6ab0d4;--win: #00e5a0;--win-bg: rgba(0, 229, 160, .1);--loss: #ff4d6a;--loss-bg: rgba(255, 77, 106, .1);--neutral: #f0c040;--neutral-bg: rgba(240, 192, 64, .1);--border: rgba(26, 143, 255, .15);--border-strong: rgba(77, 184, 255, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-display: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow: 0 0 20px rgba(26, 143, 255, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.02em}.mono{font-family:var(--font-mono)}.glow-text{color:var(--accent-flame);text-shadow:0 0 20px rgba(77,184,255,.6)}.card{background:var(--bg-abyss);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-elevated{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em}.badge-win{background:var(--win-bg);color:var(--win);border:1px solid rgba(0,229,160,.3)}.badge-loss{background:var(--loss-bg);color:var(--loss);border:1px solid rgba(255,77,106,.3)}.badge-blue{background:var(--accent-glow);color:var(--accent-flame);border:1px solid var(--border-strong)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.05em;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-flame);box-shadow:0 0 16px #4db8ff66;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent-blue);color:var(--accent-flame)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes flameGlow{0%,to{box-shadow:0 0 10px #1a8fff4d}50%{box-shadow:0 0 24px #4db8ff99}}@keyframes starPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeInUp .4s ease forwards}.animate-flame{animation:flameGlow 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}