:root{--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-card: rgba(22, 33, 62, .6);--bg-card-solid: #16213e;--accent: #e94560;--accent-hover: #ff6b6b;--accent-glow: rgba(233, 69, 96, .3);--purple: #7c3aed;--purple-glow: rgba(124, 58, 237, .2);--text-primary: #f0f0f5;--text-secondary: #8888a8;--border: rgba(255, 255, 255, .06);--glass: rgba(255, 255, 255, .03);--radius: 16px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.breadcrumb{max-width:1100px;margin:0 auto;padding:1rem 2rem 0;font-size:.82rem;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{margin:0 .4rem;opacity:.5}.breadcrumb-current{color:var(--text-primary);font-weight:600}.page-hero{max-width:1100px;margin:0 auto;padding:2rem 2rem 0}.page-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:700px}.page-desc strong{color:var(--text-primary)}.filters{max-width:1100px;margin:2rem auto 0;padding:0 2rem}.filter-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:.5rem 1.15rem;border-radius:12px;border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-chip:hover{color:var(--text-primary);border-color:#ffffff1f;background:#ffffff0f}.filter-chip.active{color:#fff;background:linear-gradient(135deg,var(--accent),#c73e54);border-color:transparent;box-shadow:0 2px 12px #e945604d}.container{max-width:1100px;margin:0 auto;padding:1.75rem 2rem 2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-size:1.2rem;font-weight:700}.game-count{font-size:.8rem;color:var(--text-secondary);font-weight:500;background:var(--glass);border:1px solid var(--border);padding:.25rem .65rem;border-radius:8px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.game-card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer;position:relative}.game-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 48px #0000004d,0 0 24px var(--accent-glow);border-color:#e9456026}.game-card[data-hidden=true]{display:none}.game-thumb{height:160px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card-solid))}.game-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.game-card:hover .game-thumb img{transform:scale(1.08)}.thumb-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,var(--accent),#c73e54);color:#fff;padding:.25rem .65rem;border-radius:8px;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;z-index:2}.game-info{padding:1rem 1.15rem}.game-title{font-size:1.05rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.01em}.game-desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.45}.game-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-size:.68rem;padding:.2rem .6rem;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-weight:500}.seo-content{max-width:1100px;margin:2rem auto 0;padding:2rem;border-top:1px solid var(--border)}.seo-content h2{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.seo-content h3{font-size:1rem;font-weight:700;margin:1.25rem 0 .5rem}.seo-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.seo-content ul{list-style:none;padding:0}.seo-content li{color:var(--text-secondary);font-size:.88rem;line-height:1.6;padding:.3rem 0 .3rem 1.25rem;position:relative}.seo-content li:before{content:"";position:absolute;left:0;top:.75rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.seo-content li strong{color:var(--text-primary)}.footer{text-align:center;padding:2.5rem 2rem;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border);margin-top:3rem;background:linear-gradient(180deg,transparent,rgba(18,18,31,.5))}.footer a{color:var(--accent);text-decoration:none;transition:color var(--transition)}.footer a:hover{color:var(--accent-hover)}.no-results{display:none;text-align:center;padding:3rem 1rem;color:var(--text-secondary);grid-column:1 / -1}.no-results.show{display:block}.no-results-icon{font-size:3rem;margin-bottom:.75rem}.no-results-text{font-size:1.1rem}@media(max-width:768px){.page-hero{padding:1.5rem 1.25rem 0}.page-hero h1{font-size:1.8rem}.filters{padding:0 1.25rem}.breadcrumb{padding:.75rem 1.25rem 0}}@media(max-width:600px){.page-hero h1{font-size:1.5rem}.page-desc{font-size:.9rem}.container{padding:1.25rem}.games-grid{grid-template-columns:1fr}}