.game-nav-container{--bg-dark: var(--color-gray-950);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .1);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-400);--accent-color: var(--color-info-500);--accent-glow: rgba(59, 130, 246, .5)}.game-nav-container{min-height:100vh;background:radial-gradient(circle at top right,#1e1b4b,var(--color-gray-950) 60%,var(--color-black));color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;padding:var(--space-5);box-sizing:border-box}.game-nav-container .game-nav-content{max-width:1200px;margin:0 auto;padding:var(--space-5)}.game-nav-container .game-header-modern{margin-bottom:30px}.game-nav-container .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-5)}.game-nav-container .brand-title{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;margin:0}.game-nav-container .search-bar{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-3);padding:10px var(--space-4);flex:1;max-width:400px;transition:all .3s ease}.game-nav-container .search-bar:focus-within{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26;background:#ffffff14}.game-nav-container .search-icon{font-size:1rem;margin-right:var(--space-2);opacity:.6}.game-nav-container .search-bar input{background:transparent;border:none;color:var(--color-white);font-size:.95rem;width:100%;outline:none}.game-nav-container .search-bar input::placeholder{color:#ffffff9e}.game-nav-container .category-tabs{display:flex;gap:var(--space-3);flex-wrap:wrap}.game-nav-container .tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:10px var(--space-6);border-radius:var(--space-3);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-nav-container .tab-btn:hover{color:var(--color-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.game-nav-container .tab-btn.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:var(--color-white);border-color:transparent;box-shadow:0 4px var(--space-3) #60a5fa66;transform:translateY(-2px)}.game-nav-container .games-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);padding-bottom:40px}.game-nav-container .game-card-modern{position:relative;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--space-5);padding:var(--space-6);text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.game-nav-container .game-card-modern:hover,.game-nav-container .game-card-modern:focus-visible{transform:translateY(-2px);background:var(--bg-card-hover);border-color:#ffffff3d;box-shadow:0 var(--space-5) 40px #0006,0 0 0 3px #60a5fa24}.game-nav-container .card-bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transition:opacity .4s ease;z-index:0}.game-nav-container .game-card-modern:hover .card-bg-glow{opacity:1}.game-nav-container .from-pink-500.to-rose-500{background:linear-gradient(135deg,#ec489926,#f43f5e0d)}.game-nav-container .from-orange-400.to-red-500{background:linear-gradient(135deg,#fb923c26,#ef44440d)}.game-nav-container .from-blue-400.to-cyan-300{background:linear-gradient(135deg,#60a5fa26,#67e8f90d)}.game-nav-container .from-emerald-400.to-green-600{background:linear-gradient(135deg,#34d39926,#16a34a0d)}.game-nav-container .from-yellow-400.to-orange-500{background:linear-gradient(135deg,#facc1526,#f973160d)}.game-nav-container .from-gray-600.to-gray-800{background:linear-gradient(135deg,#4b556326,#1f29370d)}.game-nav-container .from-yellow-300.to-yellow-500{background:linear-gradient(135deg,#fde04726,#eab3080d)}.game-nav-container .from-blue-500.to-indigo-600{background:linear-gradient(135deg,#3b82f626,rgba(var(--color-primary-rgb),.05))}.game-nav-container .from-stone-500.to-stone-700{background:linear-gradient(135deg,#78716c26,#44403c0d)}.game-nav-container .from-red-700.to-red-900{background:linear-gradient(135deg,#b91c1c26,#7f1d1d0d)}.game-nav-container .from-slate-500.to-slate-700{background:linear-gradient(135deg,#64748b26,#3341550d)}.game-nav-container .from-purple-400.to-purple-600{background:linear-gradient(135deg,#c084fc26,#9333ea0d)}.game-nav-container .from-green-500.to-emerald-700{background:linear-gradient(135deg,#22c55e26,#0478570d)}.game-nav-container .from-sky-400.to-sky-600{background:linear-gradient(135deg,#38bdf826,#0284c70d)}.game-nav-container .from-lime-500.to-green-600{background:linear-gradient(135deg,#84cc1626,#16a34a0d)}.game-nav-container .from-indigo-500.to-purple-700{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),#7e22ce0d)}.game-nav-container .card-content{position:relative;z-index:1}.game-nav-container .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.game-nav-container .game-icon-modern{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));transition:transform .3s ease}.game-nav-container .game-card-modern:hover .game-icon-modern{transform:scale(1.1) rotate(5deg)}.game-nav-container .game-tag-modern{background:#ffffff1a;padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.5px;color:#fffc;border:1px solid rgba(255,255,255,.1)}.game-nav-container .game-title-modern{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-white)}.game-nav-container .game-desc-modern{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-nav-container .no-results{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-secondary)}.game-nav-container .no-results .emoji{font-size:3rem;display:block;margin-bottom:var(--space-4)}@media (max-width: 768px){.game-nav-container{padding:var(--space-4)}.game-nav-container .game-nav-content{padding:0}.game-nav-container .game-header-modern{margin-bottom:var(--space-6)}.game-nav-container .header-top{flex-direction:column;align-items:stretch;gap:var(--space-4)}.game-nav-container .brand-title{font-size:1.5rem;text-align:center}.game-nav-container .search-bar{max-width:100%;padding:var(--space-3) var(--space-4)}.game-nav-container .category-tabs{gap:var(--space-2);justify-content:center}.game-nav-container .tab-btn{padding:var(--space-2) var(--space-4);font-size:.85rem}.game-nav-container .games-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-nav-container .game-card-modern{padding:var(--space-4)}.game-nav-container .game-icon-modern{font-size:2rem}.game-nav-container .game-title-modern{font-size:1rem}.game-nav-container .game-desc-modern{font-size:.8rem}}@media (max-width: 480px){.game-nav-container .brand-title{font-size:1.3rem}.game-nav-container .games-grid-modern{grid-template-columns:1fr;gap:var(--space-3)}}