: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;--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);--surface-selected: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18)}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(--text-primary)}.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 :global(strong){color:var(--text-primary)}.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:.72rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.08em;background:none;border:none;padding:0}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.game-card{--card-pad-x: 1.15rem;--card-top-band: 9px;padding-top:var(--card-top-band);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:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, transparent);opacity:.75;z-index:3;transition:opacity var(--transition);pointer-events:none}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 48px #00000073;border-color:var(--card-accent, var(--border-strong))}.game-card:hover:after,.game-card:focus-visible:after{opacity:1}.game-card{-webkit-tap-highlight-color:transparent}.game-card:active{transform:translateY(-1px) scale(.985);box-shadow:0 6px 18px #0006}.game-card:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.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;left:var(--card-pad-x);top:calc(160px + var(--card-top-band));transform:translateY(-50%);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;box-shadow:0 3px 10px #0000008c;z-index:3}.game-info{padding:1rem var(--card-pad-x)}.game-title{font-size:1.05rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.01em;transition:color var(--transition)}.game-card:hover .game-title{color:var(--accent-hover, #ff6b6b)}.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:.7rem;padding:.24rem .62rem;background:#ffffff14;border:1px solid var(--border-strong);border-radius:6px;color:#f0f0f5e0;font-weight:600;letter-spacing:.01em}.browse-all{text-align:center;margin-top:2rem}.browse-all-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:12px;transition:all var(--transition)}.browse-all-link:hover{color:var(--text-primary);background:var(--glass);border-color:var(--border-strong)}.browse-all-link span{transition:transform var(--transition)}.browse-all-link:hover span{transform:translate(3px)}.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 p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.seo-content ul{list-style:none;padding:0;margin-top:.75rem}.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(--text-secondary)}.seo-content li :global(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(--text-secondary);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:.2em;transition:color var(--transition),text-decoration-color var(--transition)}.footer a:hover{color:var(--text-primary);text-decoration-color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.game-card,.game-thumb img{transition:none}.game-card:hover,.game-card:focus-visible,.game-card:active{transform:none}.game-card:hover .game-thumb img{transform:none}}@media(max-width:768px){.page-hero{padding:1.5rem 1.25rem 0}.page-hero h1{font-size:1.8rem}.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}}