:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-hover: #1a1a2e;--bg-glass: rgba(18, 18, 26, .8);--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-purple: #a855f7;--accent-red: #ef4444;--accent-orange: #f97316;--accent-cyan: #06b6d4;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-glow: rgba(59, 130, 246, .3);--border-subtle: rgba(255, 255, 255, .1);--gradient-header: linear-gradient(135deg, #3b82f6 0%, #a855f7 100%);--gradient-mesh: radial-gradient(ellipse at top, rgba(59, 130, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at bottom, rgba(168, 85, 247, .1) 0%, transparent 50%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:var(--bg-dark);color:var(--text-primary)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary)}.arcade-background{position:fixed;inset:0;background:var(--bg-dark);z-index:-1;overflow:hidden}.arcade-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-mesh);animation:meshPulse 8s ease-in-out infinite}.arcade-background:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}@keyframes meshPulse{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-2%,-2%) scale(1.05);opacity:.8}}.floating-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-particles:before,.floating-particles:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-blue);opacity:.4;animation:float 15s infinite}.floating-particles:before{top:20%;left:10%;animation-delay:0s}.floating-particles:after{top:60%;right:15%;background:var(--accent-purple);animation-delay:-7s}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.4}25%{transform:translateY(-30px) translate(10px);opacity:.6}50%{transform:translateY(-20px) translate(-10px);opacity:.4}75%{transform:translateY(-40px) translate(5px);opacity:.5}}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 8px 32px #3b82f626}.gradient-text{background:var(--gradient-header);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arcade-button{padding:10px 20px;background:#ffffff1a;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.arcade-button:hover{background:#ffffff26;border-color:var(--border-glow);transform:translateY(-1px)}.arcade-button.primary{background:var(--accent-blue);border-color:var(--accent-blue)}.arcade-button.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.arcade-button.danger{background:var(--accent-red);border-color:var(--accent-red)}.arcade-button.warning{background:var(--accent-orange);border-color:var(--accent-orange)}.arcade-button.success{background:var(--accent-green);border-color:var(--accent-green)}.arcade-header{padding:1rem 2rem;background:var(--bg-glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#6464ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6464ff80}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease}