:root {
            --pastel-yellow: #FFE066;
            --pastel-blue: #74C0FC;
            --soft-coral: #FFA69E;
            --mint-green: #B8F2E6;
            --soft-white: #FFFFFF;
            --light-gray: #F8F9FA;
        }

        body {
            font-family: 'Nunito', sans-serif;
            background-color: var(--soft-white);
            color: #444;
            overflow-x: hidden;
        }

        h1, h2, h3, h4 {
            font-family: 'Baloo 2', cursive;
        }

        .hero-gradient {
            background: linear-gradient(135deg, var(--pastel-yellow) 0%, #ffffff 100%);
        }

        .floating {
            animation: floating 3s ease-in-out infinite;
        }

        @keyframes floating {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-15px) rotate(5deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }

        .rounded-card {
            border-radius: 2.5rem;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 4px solid transparent;
        }

        .rounded-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.05);
            border-color: var(--pastel-blue);
        }

        .btn-playful {
            border-radius: 999px;
            transition: all 0.3s ease;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .btn-playful:hover {
            transform: scale(1.05);
            filter: brightness(1.05);
        }

        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.6s ease-out; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Cart Sidebar Styles */
        #cart-sidebar {
            transition: transform 0.4s ease-in-out;
            transform: translateX(100%);
        }
        #cart-sidebar.open { transform: translateX(0); }

        .game-canvas-container {
            background: #fff;
            border: 8px solid var(--mint-green);
            border-radius: 2rem;
            position: relative;
            overflow: hidden;
            aspect-ratio: 16/9;
        }