html{background-color:#f5f4f7}body{font-family:Inter,sans-serif;background:#f5f4f7;color:#2d312e;min-height:100vh;overscroll-behavior:none;overflow-x:clip}.font-mystic{font-family:Cinzel,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.object-cover{object-fit:fill!important}@keyframes shuffle{0%{transform:translate(0) translateZ(0) rotate(0);z-index:10}25%{transform:translate(-60px) translateZ(50px) rotate(-15deg);z-index:50}50%{transform:translate(0) translateZ(100px) rotate(0);z-index:100}75%{transform:translate(60px) translateZ(50px) rotate(-15deg);z-index:50}to{transform:translate(0) translateZ(0) rotate(0);z-index:10}}@media(min-width:640px){@keyframes shuffle{0%{transform:translate(0) translateZ(0) rotate(0);z-index:10}25%{transform:translate(-150px) translateZ(50px) rotate(-15deg);z-index:50}50%{transform:translate(0) translateZ(100px) rotate(0);z-index:100}75%{transform:translate(150px) translateZ(50px) rotate(-15deg);z-index:50}to{transform:translate(0) translateZ(0) rotate(0);z-index:10}}}.animate-shuffle{animation:shuffle ease-in-out infinite}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.preserve-3d{transform-style:preserve-3d}.rotate-y-180{transform:rotateY(180deg)}