.intro{text-align:center;max-width:46rem;margin:1rem auto 0}.intro h1{margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}.intro p{color:var(--text-muted);margin:0;font-size:1.1rem}.search{width:min(30rem,100%);margin:2rem auto}#game-search{border:2px solid var(--primary-color);background:var(--surface-color);width:100%;color:var(--text-color);font:inherit;border-radius:999px;padding:.75rem 1rem;font-size:1.05rem}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:clamp(1rem,3vw,2rem);display:grid}.game-card{background-color:var(--secondary-color);color:#fff;border:2px solid var(--secondary-color);aspect-ratio:3/2;border-radius:8px;flex-direction:column;justify-content:space-between;padding:1em;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 4px #00000080}.card-background-image{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.game-card:before{content:"";pointer-events:none;background:linear-gradient(#00000073 0%,#0000 35%,#0000001a 45%,#000000d9 100%);position:absolute;inset:0}.game-card h2{z-index:1;text-shadow:2px 2px 4px #0009;margin:0;padding:0 4.5rem 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.1;position:relative}.game-card .description{z-index:1;text-shadow:1px 1px 3px #000c;margin:0;padding-right:4.5rem;font-size:1rem;position:relative}.game-card[hidden]{display:none}.more-button,.play-button{z-index:2;color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2.5rem;font-weight:700;text-decoration:none;transition:transform .2s ease-in-out;display:flex;position:absolute}.more-button{background-color:#00777b;bottom:1rem;right:1rem}.more-button:after{content:"?"}.play-button{background-color:#15b63d;border:2px solid #0f5f23;top:1rem;right:1rem}.play-button:after{content:"▶";margin-left:.2rem}.more-button:hover,.play-button:hover{transform:scale(1.1)}.more-button:focus-visible,.play-button:focus-visible{outline-offset:3px;outline:3px solid #f4a259}.soon-badge{z-index:2;color:#f4a259;background:#12141c;border:2px solid #f4a259;border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:700;position:absolute;top:1rem;right:1rem}.game-card--soon .card-background-image{filter:saturate(.6)}.no-games{text-align:center;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.more-button,.play-button,.brand{transition:none}}.game-card--soon h2,.game-card--soon .description{padding-right:0}.game-card--soon h2{margin-top:2.5rem}