@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:255,255,255;--background-start-rgb:15,23,42;--background-end-rgb:76,29,149}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom right,rgb(var(--background-start-rgb)),rgb(var(--background-end-rgb)))}.glass-effect{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.hologram-effect{background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(168,85,247,.1),rgba(236,72,153,.1));box-shadow:0 0 20px rgba(139,92,246,.3)}.canvas-container{position:relative;width:100%;height:100vh;overflow:hidden}@media (max-width:768px){.canvas-container{height:50vh}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.7}33%{transform:translateY(-20px) rotate(120deg);opacity:1}66%{transform:translateY(-10px) rotate(240deg);opacity:.8}}.float-animation{animation:float 4s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.1)}50%{box-shadow:0 0 30px rgba(139,92,246,.8),0 0 60px rgba(139,92,246,.4),0 0 90px rgba(139,92,246,.2)}}.glow-animation{animation:glow 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}.shimmer-text{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite;background-clip:text;-webkit-background-clip:text;color:transparent}.glass-morphism{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.1)}.hologram-effect{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(168,85,247,.15),rgba(236,72,153,.15));border:1px solid hsla(0,0%,100%,.3);box-shadow:0 0 30px rgba(139,92,246,.4),inset 0 1px 1px hsla(0,0%,100%,.2)}.scanlines{position:relative;overflow:hidden}.scanlines:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent);animation:scanline 3s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.neon-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #f0f,0 0 20px #f0f,0 0 25px #f0f;animation:neon-flicker 2s infinite alternate}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #f0f,0 0 20px #f0f,0 0 25px #f0f}20%,24%,55%{text-shadow:none}}.cyber-grid{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 0);background-size:50px 50px;background-position:50%}.futuristic-border{border:2px solid transparent;background:linear-gradient(45deg,#f0f,#0ff,#f0f) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:relative}.futuristic-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f0f,#0ff,#f0f);border-radius:inherit;z-index:-1;animation:border-glow 3s ease-in-out infinite}@keyframes border-glow{0%,to{opacity:.5;filter:blur(5px)}50%{opacity:1;filter:blur(10px)}}.pixel-art{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glitch-effect{position:relative;animation:glitch-anim 5s infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}.glitch-effect:after,.glitch-effect:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-effect:before{color:#f0f;animation:glitch-1 2s linear infinite alternate-reverse}.glitch-effect:after{color:#0ff;animation:glitch-2 3s linear infinite alternate-reverse}@keyframes glitch-1{0%{transform:translate(0)}33%{transform:translate(-2px,-2px)}66%{transform:translate(2px,2px)}}@keyframes glitch-2{0%{transform:translate(0)}33%{transform:translate(2px,-2px)}66%{transform:translate(-2px,2px)}}.floating-3d{transform-style:preserve-3d;animation:float-3d 6s ease-in-out infinite}@keyframes float-3d{0%,to{transform:translateZ(0) rotate3d(1,1,1,0deg)}33%{transform:translate3d(0,-20px,10px) rotateX(10deg)}66%{transform:translate3d(10px,-10px,-10px) rotateY(-10deg)}}.liquid-metal{background:linear-gradient(45deg,#f0f,#0ff,#f0f,#0ff);background-size:400% 400%;animation:liquid-shift 8s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes liquid-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.glass-morphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hologram-effect{box-shadow:0 0 20px rgba(139,92,246,.3),inset 0 1px 1px hsla(0,0%,100%,.1)}.neon-text{text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 9px #f0f,0 0 12px #f0f}.cyber-grid{background-size:30px 30px}}@media (prefers-color-scheme:dark){.neon-text{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #f0f,0 0 20px #f0f,0 0 25px #f0f,0 0 30px #f0f}}@media (prefers-reduced-motion:reduce){.floating-3d,.futuristic-border:before,.glitch-effect,.liquid-metal,.neon-text{animation:none}}.museum-magic-theme{background:linear-gradient(135deg,rgba(30,15,60,.8),rgba(50,25,75,.6),rgba(70,35,100,.7));background-image:radial-gradient(circle at 20% 30%,rgba(120,60,180,.4),transparent)}.marble-texture{background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.3))}.parchment-scroll{background:linear-gradient(135deg,hsla(39,77%,83%,.9),hsla(36,31%,69%,.5));border:2px solid rgba(139,69,19,.3)}.magic-particles{position:relative}.magic-particles:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(173,216,230,.3),transparent 50%);background-size:200% 200%;animation:magic-glowing 4s ease-in-out infinite}@keyframes magic-glowing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.antique-display-case{background:linear-gradient(135deg,rgba(101,67,33,.2),radial-gradient(circle at 70% 40%,rgba(255,215,0,.1) 5px,transparent 5px));border:3px solid rgba(184,134,11,.4)}.crystal-ball{background:radial-gradient(circle at 50% 50%,rgba(173,216,230,.5) 10px,transparent 0);box-shadow:0 0 20px rgba(138,43,226,.3)}.magic-book-page{transform-style:preserve-3d;animation:book-floating 6s ease-in-out infinite}@keyframes book-floating{0%,to{transform:translateZ(0) rotate3d(1,.5,.3,15deg)}33%{transform:translate3d(0,-15px,10px) rotate3d(.5,1,0,-10deg)}66%{transform:translate3d(5px,-10px,8px) rotate3d(1,0,.5,8deg)}}.alchemy-flask{background:linear-gradient(45deg,rgba(72,209,204,.3),rgba(138,43,226,.2))}