.section{padding:var(--spacing-3xl) 0}.loading-spinner{grid-column:span 3;text-align:center;padding:var(--spacing-3xl) 0;color:var(--text-secondary);font-style:italic}.games-hero{position:relative;height:70vh;min-height:550px;display:flex;align-items:center;padding-top:80px;overflow:hidden}.games-hero .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.games-hero .hero-wallpaper{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.35) contrast(1.1)}.games-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,10,15,.4) 0%,var(--bg-primary) 100%);z-index:2}.games-hero .hero-content{position:relative;z-index:3;text-align:center;max-width:800px;margin:0 auto}.games-hero .hero-title{font-family:var(--font-primary);font-size:3.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.games-hero .hero-title span{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.games-hero .hero-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.controls-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);flex-wrap:wrap}.search-bar{position:relative;max-width:380px;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem}#search-input{width:100%;padding:14px 16px 14px 44px;background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-secondary);font-size:.95rem;outline:none;transition:var(--transition-normal)}#search-input:focus{border-color:var(--color-accent);box-shadow:0 0 12px #06b6d426}.filter-tabs{display:flex;gap:var(--spacing-sm);background:#ffffff05;border:var(--border-glass);padding:6px;border-radius:var(--radius-md);flex-wrap:wrap}.filter-btn{padding:8px 20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover{color:var(--text-primary)}.filter-btn--active{background:var(--gradient-cyber);color:var(--text-primary);font-weight:600;box-shadow:0 4px 12px #06b6d433}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.game-card{background:var(--bg-card);border:var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-normal);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.game-card:hover{transform:translateY(-8px);border-color:#6366f14d;box-shadow:0 15px 35px #6366f11a}.game-card-img-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.game-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.game-card:hover .game-card-img{transform:scale(1.06)}.game-card-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:6px 12px;background:#0a0a0fd9;border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.game-card-content{padding:var(--spacing-xl);display:flex;flex-direction:column;flex-grow:1}.game-card-category{font-size:.85rem;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-xs);text-transform:uppercase}.game-card-title{font-family:var(--font-primary);font-size:1.4rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.game-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-lg);flex-grow:1}.game-card-meta{display:flex;justify-content:space-between;align-items:center;border-top:var(--border-glass);padding-top:var(--spacing-md);font-size:.9rem}.game-card-rating{display:flex;align-items:center;gap:4px;color:#fbbf24}.game-card-date{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card{animation:fadeInUp .4s ease-out forwards}@media (max-width: 992px){.games-grid{grid-template-columns:repeat(2,1fr)}.loading-spinner{grid-column:span 2}.controls-wrapper{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.filter-tabs{justify-content:center}.games-hero .hero-title{font-size:2.75rem}}@media (max-width: 576px){.games-grid{grid-template-columns:1fr}.loading-spinner{grid-column:span 1}.filter-btn{flex-grow:1;text-align:center;font-size:.85rem;padding:8px 12px}.games-hero .hero-title{font-size:2.25rem}}