@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Rajdhani,sans-serif;overscroll-behavior:none}h1,h2,h3,.font-tech{font-family:Orbitron,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#4b556399;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b7280cc}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3b82f680}@layer base{html,body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 50% 0);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px,2px)}40%{clip-path:inset(30% 0 20% 0);transform:translate(2px,1px)}60%{clip-path:inset(10% 0 80% 0);transform:translate(-1px,-2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(1px,2px)}to{clip-path:inset(20% 0 70% 0);transform:translate(-2px,1px)}}.animate-glitch:before,.animate-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:inherit}.animate-glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip-path:inset(0 0 0 0);animation:glitch-anim-1 2s infinite linear alternate-reverse}.animate-glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip-path:inset(0 0 0 0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.scanline{background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;animation:scanline-move .5s linear infinite;pointer-events:none}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 4px}}@keyframes shimmer-crystal{0%{background-position:200% 0;opacity:.3}50%{opacity:.6}to{background-position:-200% 0;opacity:.3}}.animate-crystal-shimmer{background:linear-gradient(120deg,transparent 30%,rgba(100,200,255,.6) 45%,rgba(200,100,255,.6) 55%,transparent 70%);background-size:200% 100%;animation:shimmer-crystal 4s ease-in-out infinite;mix-blend-mode:overlay}@keyframes dust-float{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translateY(-40px) translate(20px);opacity:0}}.dust-particle{position:absolute;background:radial-gradient(circle,rgba(234,179,8,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:dust-float 6s infinite linear}@keyframes hologram-pulse{0%{box-shadow:0 0 5px #3b82f633}50%{box-shadow:0 0 20px #3b82f699,0 0 10px #3b82f666 inset}to{box-shadow:0 0 5px #3b82f633}}.animate-hologram{animation:hologram-pulse 3s infinite ease-in-out}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}@keyframes recoil{0%{transform:scale(1) translateY(0)}20%{transform:scale(.95) translateY(4px)}40%{transform:scale(.98) translateY(1px)}to{transform:scale(1) translateY(0)}}.animate-recoil{animation:recoil .3s ease-out}@keyframes thud{0%{transform:translateY(0)}20%{transform:translateY(10px)}40%{transform:translateY(-2px)}to{transform:translateY(0)}}.animate-thud{animation:thud .4s cubic-bezier(.1,.9,.2,1)}@keyframes flash-red{0%{background-color:#ef444400}20%{background-color:#ef44444d}to{background-color:#ef444400}}.animate-flash-red{animation:flash-red .4s ease-out}.chromatic-aberration{position:relative}.chromatic-aberration:before,.chromatic-aberration:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;pointer-events:none;mix-blend-mode:screen;z-index:50;opacity:0;animation:aberration-flash .2s ease-out forwards}.chromatic-aberration:before{background-color:#f003;transform:translate(4px)}.chromatic-aberration:after{background-color:#0ff3;transform:translate(-4px)}@keyframes aberration-flash{0%{opacity:.8;transform:scale(1.02) translate(var(--offset, 4px))}to{opacity:0;transform:scale(1) translate(0)}}.game-scaler{width:1920px;height:1250px;transform-origin:center center;transform:scale(var(--game-scale))}.opponent-hand-card{--offset: 0;transform:translate(calc(var(--offset) * 24px)) rotate(calc(var(--offset) * -3deg)) translateY(-40px);transition:all .3s ease;transform-origin:top center}.opponent-hand-card.is-active{transform:translate(calc(var(--offset) * 24px)) rotate(calc(var(--offset) * -3deg)) translateY(20px) scale(1.1);z-index:30}.bg-pattern-crystal{background-color:#0f0518;background-image:radial-gradient(circle at 50% 0%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.1) 0%,transparent 50%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 10px)}.bg-pattern-circuit{background-color:#1a0b05;background-image:linear-gradient(rgba(249,115,22,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.05) 1px,transparent 1px),radial-gradient(circle at 100% 100%,rgba(220,38,38,.1) 0%,transparent 40%);background-size:20px 20px,20px 20px,100% 100%}.bg-pattern-sand{background-color:#1c1917;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 50%,rgba(234,179,8,.05) 0%,transparent 60%)}