:root{--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-content{max-width:1200px;margin:0 auto;padding:var(--space-5)}.game-header-modern{margin-bottom:30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-5)}.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}.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}.search-bar:focus-within{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26;background:#ffffff14}.search-icon{font-size:1rem;margin-right:var(--space-2);opacity:.6}.search-bar input{background:transparent;border:none;color:var(--color-white);font-size:.95rem;width:100%;outline:none}.search-bar input::placeholder{color:#ffffff4d}.category-tabs{display:flex;gap:var(--space-3);flex-wrap:wrap}.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}.tab-btn:hover{color:var(--color-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.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)}.games-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);padding-bottom:40px}.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-card-modern:hover{transform:translateY(-var(--space-2)) scale(1.02);background:var(--bg-card-hover);border-color:#fff3;box-shadow:0 var(--space-5) 40px #0006}.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-card-modern:hover .card-bg-glow{opacity:1}.from-pink-500.to-rose-500{background:linear-gradient(135deg,#ec489926,#f43f5e0d)}.from-orange-400.to-red-500{background:linear-gradient(135deg,#fb923c26,#ef44440d)}.from-blue-400.to-cyan-300{background:linear-gradient(135deg,#60a5fa26,#67e8f90d)}.from-emerald-400.to-green-600{background:linear-gradient(135deg,#34d39926,#16a34a0d)}.from-yellow-400.to-orange-500{background:linear-gradient(135deg,#facc1526,#f973160d)}.from-gray-600.to-gray-800{background:linear-gradient(135deg,#4b556326,#1f29370d)}.from-yellow-300.to-yellow-500{background:linear-gradient(135deg,#fde04726,#eab3080d)}.from-blue-500.to-indigo-600{background:linear-gradient(135deg,#3b82f626,rgba(var(--color-primary-rgb),.05))}.from-stone-500.to-stone-700{background:linear-gradient(135deg,#78716c26,#44403c0d)}.from-red-700.to-red-900{background:linear-gradient(135deg,#b91c1c26,#7f1d1d0d)}.from-slate-500.to-slate-700{background:linear-gradient(135deg,#64748b26,#3341550d)}.from-purple-400.to-purple-600{background:linear-gradient(135deg,#c084fc26,#9333ea0d)}.from-green-500.to-emerald-700{background:linear-gradient(135deg,#22c55e26,#0478570d)}.from-sky-400.to-sky-600{background:linear-gradient(135deg,#38bdf826,#0284c70d)}.from-lime-500.to-green-600{background:linear-gradient(135deg,#84cc1626,#16a34a0d)}.from-indigo-500.to-purple-700{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),#7e22ce0d)}.card-content{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.game-icon-modern{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));transition:transform .3s ease}.game-card-modern:hover .game-icon-modern{transform:scale(1.1) rotate(5deg)}.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-title-modern{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-white)}.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}.no-results{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-secondary)}.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-content{padding:0}.game-header-modern{margin-bottom:var(--space-6)}.header-top{flex-direction:column;align-items:stretch;gap:var(--space-4)}.brand-title{font-size:1.5rem;text-align:center}.search-bar{max-width:100%;padding:var(--space-3) var(--space-4)}.category-tabs{gap:var(--space-2);justify-content:center}.tab-btn{padding:var(--space-2) var(--space-4);font-size:.85rem}.games-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-card-modern{padding:var(--space-4)}.game-icon-modern{font-size:2rem}.game-title-modern{font-size:1rem}.game-desc-modern{font-size:.8rem}}@media (max-width: 480px){.brand-title{font-size:1.3rem}.games-grid-modern{grid-template-columns:1fr;gap:var(--space-3)}}