.games-hero{background:linear-gradient(to bottom,var(--teal),#0a3a45);color:var(--white);padding:56px 0 40px;text-align:center}.games-hero .badge{margin-bottom:16px}.games-hero h1{color:var(--white);margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.8rem)}.games-hero>.container>p{color:rgba(255,255,255,.8);max-width:560px;margin:0 auto 28px;font-size:1.05rem}.filter-bar{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);white-space:nowrap;min-width:70px}.filter-pills{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{padding:8px 14px;min-height:40px;border-radius:50px;font-size:.82rem;font-weight:600;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.filter-pill:hover{background:rgba(255,255,255,.2);color:var(--white)}.filter-pill.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:860px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.games-grid{grid-template-columns:1fr}}.game-index-card{text-decoration:none;color:inherit}.game-index-card__thumb{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.game-index-card__emoji{font-size:3rem}.game-index-card__diff{position:absolute;top:10px;right:10px}.game-index-card__type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-muted);margin-bottom:6px}.game-index-card__title{font-size:1rem;font-weight:700;margin-bottom:6px}.game-index-card__desc{font-size:.84rem;color:var(--ink-soft);line-height:1.5;margin-bottom:10px}.game-index-card__meta{font-size:.78rem;color:var(--gray-500)}.no-results{text-align:center;padding:60px 20px;color:var(--gray-500)}.no-results button{color:var(--teal);font-weight:700;cursor:pointer;background:0 0;border:none;font-family:var(--font-body);text-decoration:underline}@media(max-width:600px){.filter-bar{padding:16px;gap:12px}.filter-group{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-pills{flex-wrap:nowrap}.filter-pill{white-space:nowrap;flex-shrink:0;min-height:36px}.filter-label{min-width:50px;font-size:.7rem}}.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media(max-width:860px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:500px){.games-grid{grid-template-columns:1fr}}@media(max-width:640px){.games-hero{padding:36px 0 28px}.games-hero h1{font-size:clamp(1.5rem, 6vw, 2.4rem)}}.filter-pill{min-height:40px;display:inline-flex;align-items:center}@media(max-width:400px){.game-index-card__thumb{height:110px}.game-index-card__emoji{font-size:2.4rem}}