@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root,[data-theme=dark]{--cyan: #00D4FF;--cyan-dim: #0088CC;--cyan-glow: rgba(0,212,255,.3);--cyan-subtle: rgba(0,212,255,.08);--cyan-border: rgba(0,212,255,.2);--green: #00FF88;--green-dim: #00CC6A;--green-glow: rgba(0,255,136,.3);--green-subtle: rgba(0,255,136,.08);--red: #FF3366;--red-dim: #CC2952;--red-glow: rgba(255,51,102,.3);--red-subtle: rgba(255,51,102,.08);--accent: #FBBF24;--bg: #030810;--bg-card: rgba(8,16,32,.85);--bg-elevated: rgba(12,24,48,.9);--text: #E0F0FF;--text-sec: #6B8FAD;--text-muted: #3A5570;--border: rgba(0,212,255,.12);--border-hover: rgba(0,212,255,.35);--radius: 12px;--radius-sm: 8px;--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}[data-theme=light]{--bg: #F0F4F8;--bg-card: rgba(255,255,255,.92);--bg-elevated: rgba(240,244,248,.95);--text: #0F172A;--text-sec: #475569;--text-muted: #94A3B8;--border: rgba(0,136,204,.15);--border-hover: rgba(0,136,204,.3);--cyan: #0077B6;--cyan-dim: #005A8C;--cyan-subtle: rgba(0,119,182,.06);--green: #059669;--green-subtle: rgba(5,150,105,.08);--red: #DC2626;--red-subtle: rgba(220,38,38,.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}#three-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#root{position:relative;z-index:1}button{cursor:pointer;font-family:var(--font-body)}input,select{font-family:var(--font-body)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:2px}::selection{background:#00d4ff40;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .35s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.3)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #fbbf2433}50%{box-shadow:0 0 24px #fbbf2480}}@keyframes swordsClash{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.2)}50%{transform:rotate(15deg) scale(1.3)}75%{transform:rotate(-5deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes vsFlash{0%{opacity:0;transform:scale(3)}40%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.8)}}@keyframes streakFire{0%,to{text-shadow:0 0 6px rgba(251,191,36,.4)}50%{text-shadow:0 0 18px rgba(251,191,36,.8),0 0 30px rgba(255,100,0,.4)}}.duel-slide-left{animation:slideInLeft .4s ease-out forwards}.duel-slide-right{animation:slideInRight .4s ease-out forwards}.duel-scale-in{animation:scaleIn .3s ease-out forwards}.duel-shake{animation:shakeX .4s ease-out}.duel-float-up{animation:floatUp .8s ease-out forwards}.duel-pulse-glow{animation:pulseGlow 1.5s ease-in-out infinite}.duel-swords{animation:swordsClash .6s ease-out}.duel-vs-flash{animation:vsFlash 1.2s ease-out forwards}.duel-streak{animation:streakFire 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}