:root{--grid-c1: #ec4899;--grid-c2: #eab308}body{font-family:VT323,monospace;background-color:#050101;color:#fbbf24;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}::-webkit-scrollbar{width:12px;background:#1a0505}::-webkit-scrollbar-thumb{background:#ef4444;border:2px solid #1a0505;border-radius:0}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#110505}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7f1d1d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ef4444}::selection{background:#fbbf24;color:#000}.text-glow{text-shadow:2px 2px 0px rgba(220,38,38,.8),-1px -1px 0px rgba(253,224,71,.5)}.perspective-container{perspective:800px;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:filter .1s ease}.grid-plane{position:absolute;top:0;left:-50%;width:200%;height:200%;background-image:linear-gradient(to right,var(--grid-c1, #ec4899) 0px,var(--grid-c1, #ec4899) 2px,transparent 2px,transparent 100%),linear-gradient(to bottom,var(--grid-c2, #eab308) 0px,var(--grid-c2, #eab308) 2px,transparent 2px,transparent 100%);background-size:80px 80px;background-position:center;transform-origin:center top;transform:rotateX(60deg) translateY(0);animation:grid-scroll 4s linear infinite;filter:drop-shadow(0 0 5px rgba(236,72,153,.5));will-change:transform,filter,background-image;transition:background-image .5s ease;backface-visibility:hidden}.gold-grid .grid-plane{filter:drop-shadow(0 0 15px rgba(251,191,36,.8))}.bg-premium{background-image:radial-gradient(circle,#333 1px,transparent 1px);background-size:20px 20px;background-color:#1a1a00}.chaos-invert{filter:invert(1)}.chaos-rainbow{filter:hue-rotate(90deg) contrast(200%)}.chaos-blur{filter:blur(4px)}.chaos-skew{transform:rotateX(60deg) skew(20deg) scale(1.1)!important}.chaos-crunch{filter:contrast(400%) saturate(0)}.grid-plane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#050101 0%,transparent 20%,transparent 80%,#050101 100%)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 80px}}@keyframes flicker{0%{opacity:.97}5%{opacity:.9}10%{opacity:.97}to{opacity:.97}}.animate-flicker{animation:flicker 4s infinite}@keyframes fall-off{0%{transform:translateY(0) rotate(0);opacity:1}20%{transform:translateY(-20px) rotate(-10deg);opacity:1}to{transform:translateY(150vh) rotate(180deg);opacity:0}}.animate-fall{animation:fall-off 1.5s cubic-bezier(.5,0,1,.5) forwards;pointer-events:none}@keyframes bounce-in{0%{transform:scale(0) rotate(-45deg)}60%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slide-left{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-left{animation:slide-left .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down{animation:slide-down .3s ease-out forwards}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes slide-right{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-right{animation:slide-right .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .2s ease-out forwards}.font-vt323{font-family:VT323,monospace}
