@tailwind base;@tailwind components;@tailwind utilities;:root{--x: 50%;--y: 50%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0f172a;transition:background-color .5s ease;overflow-x:hidden}.light body{background-color:#f0f2f5;color:#334155}.spotlight-overlay{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(800px circle at var(--x) var(--y),rgba(255,255,255,.03),transparent 40%)}.bg-transparency-grid{background-color:#1e293b;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.light .bg-transparency-grid{background-color:#f8fafc;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%)}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}.light .bg-grid-pattern{background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}@keyframes scan{0%{top:0%;opacity:0;box-shadow:0 0 5px #f59e0b00}15%{opacity:1;box-shadow:0 0 15px #f59e0bcc}85%{opacity:1;box-shadow:0 0 15px #f59e0bcc}to{top:100%;opacity:0;box-shadow:0 0 5px #f59e0b00}}.scan-line{position:absolute;left:0;width:100%;height:2px;background:#f59e0b;box-shadow:0 0 10px #f59e0b,0 0 20px #f59e0b;animation:scan 2s cubic-bezier(.4,0,.2,1) infinite;z-index:30}@keyframes bubble-rise{0%{transform:translateY(100%) translate(0) scale(.3);opacity:0}10%{opacity:.9}80%{opacity:.9}to{transform:translateY(-800px) translate(var(--moveX, 0px)) scale(1.2);opacity:0}}@keyframes wave{0%{transform:translate(0) scaleY(1)}50%{transform:translate(-25%) scaleY(.8)}to{transform:translate(-50%) scaleY(1)}}.water-wave{position:absolute;bottom:0;left:0;width:200%;height:45%;background:linear-gradient(to top,#0ea5e9e6,#38bdf899);animation:wave 6s linear infinite;border-top-left-radius:100%;border-top-right-radius:100%;filter:blur(8px);pointer-events:none;z-index:15}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-.5deg)}20%{transform:translate(-1px) rotate(.5deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(.5deg)}50%{transform:translate(-1px,1px) rotate(-.5deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-.5deg)}80%{transform:translate(-1px,-1px) rotate(.5deg)}90%{transform:translate(1px,1px) rotate(0)}to{transform:translate(1px,-1px) rotate(-.5deg)}}.animate-shake{animation:shake .4s infinite}.bubble{position:absolute;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#7dd3fccc);box-shadow:inset 0 0 6px #ffffffe6,0 0 10px #38bdf899;pointer-events:none;z-index:20}.font-lcd{font-family:Consolas,Monaco,Courier New,monospace}.bg-scanlines{background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 3px}@keyframes lcd-flicker{0%{opacity:.98}5%{opacity:.95}10%{opacity:.98}to{opacity:.98}}.lcd-glow{text-shadow:0 0 5px currentColor;animation:lcd-flicker 4s infinite}.brushed-metal{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.bg-carbon{background-color:#111;background-image:radial-gradient(black 15%,transparent 16%),radial-gradient(black 15%,transparent 16%);background-size:10px 10px;background-position:0 0,5px 5px}.bg-wood{background-color:#eaddcf;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3Cfilter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.2'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#334155}.backface-hidden{backface-visibility:hidden}.bg-fabric{position:relative}.bg-fabric:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23888' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply;z-index:5}.light .bg-fabric:after{fill:#000}.perspective-1000{perspective:1200px}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}.hanging-item:hover{animation:sway 2s ease-in-out infinite;transform-origin:top center}.hook:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:8px;height:16px;border-top:4px solid #94a3b8;border-left:4px solid #94a3b8;border-top-left-radius:8px;z-index:0}