:root { --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); }
        body { background-color: #FFF8F0; color: #1A1A1A; scroll-behavior: smooth; overflow-x: hidden; }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #FFF8F0; }
        ::-webkit-scrollbar-thumb { background: #F7C6D3; border-radius: 10px; }

        .floating { animation: floating 4s ease-in-out infinite; }
        @keyframes floating { 
            0%, 100% { transform: translateY(0px) rotate(0deg); } 
            50% { transform: translateY(-15px) rotate(2deg); } 
        }

        .glass-nav { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 248, 240, 0.5); }
        
        .hover-lift { transition: all 0.5s var(--ease-out-expo); }
        .hover-lift:hover { transform: translateY(-10px); box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08); }

        .cart-drawer { transform: translateX(100%); transition: transform 0.6s var(--ease-out-expo); }
        .cart-drawer.open { transform: translateX(0); }

        .page-fade { animation: pageFade 0.8s var(--ease-out-expo); }
        @keyframes pageFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

        .gradient-text { background: linear-gradient(90deg, #1A1A1A, #6B7280); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background: #A6F0D1; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }

        /* Game Area Physics Simulation Feel */
        #game-object { transition: top 0.1s linear, left 0.1s linear; }