.glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(16px); }
        .hero-pattern { background-color: #f8faf9; background-image: radial-gradient(#e2ece6 1px, transparent 1px); background-size: 40px 40px; }
        .smooth-transition { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .reveal { animation: reveal 0.8s ease-out forwards; }
        @keyframes reveal { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .custom-scroll::-webkit-scrollbar { width: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #5a7d6a; border-radius: 10px; }
        .game-grid div { transition: all 0.2s ease; cursor: pointer; }
        .game-grid div:active { transform: scale(0.95); }