@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.clip-corner{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.clip-corner-sm{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.cyber-border-gradient{border-image:linear-gradient(45deg,#00f0ff,#ff003c) 1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#00f0ff}::-webkit-scrollbar-thumb:hover{background:#fcee0a}.cyber-glitch-text{position:relative}.cyber-glitch-text:before,.cyber-glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.cyber-glitch-text:before{left:2px;text-shadow:-1px 0 #00F0FF;clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.cyber-glitch-text:after{left:-2px;text-shadow:-1px 0 #FF003C;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(13px,9999px,86px,0)}20%{clip:rect(98px,9999px,72px,0)}40%{clip:rect(20px,9999px,18px,0)}60%{clip:rect(5px,9999px,60px,0)}80%{clip:rect(62px,9999px,16px,0)}to{clip:rect(44px,9999px,93px,0)}}@keyframes glitch-anim-2{0%{clip:rect(67px,9999px,100px,0)}20%{clip:rect(3px,9999px,2px,0)}40%{clip:rect(48px,9999px,88px,0)}60%{clip:rect(25px,9999px,94px,0)}80%{clip:rect(81px,9999px,16px,0)}to{clip:rect(31px,9999px,35px,0)}}.rpg-box{background:linear-gradient(135deg,#2d1b10,#1a0f0a);border:4px solid #d4a373;box-shadow:inset 0 0 30px #d4a3731a,0 0 20px #000c,8px 8px #00000080;position:relative}.rpg-box:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(212,163,115,.3);pointer-events:none}.pixel-text-shadow{text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.obj-label{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#000000e6;border:2px solid #d4a373;color:#d4a373;padding:.5rem 1rem;font-size:.75rem;font-weight:700;opacity:0;transition:all .3s ease;white-space:nowrap;z-index:30;pointer-events:none}.group:hover .obj-label{opacity:1;transform:translate(-50%) translateY(-.5rem)}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0000004d}.custom-scroll::-webkit-scrollbar-thumb{background:#d4a373;border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#f5a623}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.animate-in{animation:fadeIn .3s ease-out forwards}.slide-in-from-bottom-2{animation:slideInFromBottom .3s ease-out forwards}.zoom-in{animation:zoomIn .3s ease-out forwards}.fade-in{animation:fadeIn .3s ease-out forwards}.slide-in-from-top-2{animation:slideInFromTop .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-bounce-slow{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}