.hero{position:relative;text-align:center;padding:var(--space-7) var(--space-3) var(--space-5);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(var(--color-accent-soft) 0 25%,transparent 0 50%) 50% 0 / 44px 44px;-webkit-mask-image:radial-gradient(ellipse 55% 85% at 50% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 55% 85% at 50% 40%,#000 0%,transparent 70%);opacity:.75;pointer-events:none}.hero>*{position:relative}.wordmark{font-size:clamp(3rem,11vw,4.75rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0 0 var(--space-2)}.tagline{font-family:var(--font-heading);font-size:clamp(1.15rem,3.5vw,1.4rem);margin:0 0 var(--space-3)}.lede{color:var(--color-text-muted);max-width:42ch;margin:0 auto}.landing-page{display:flex;flex-direction:column}.landing{flex:1;width:100%;max-width:760px;margin:0 auto;padding:0 var(--space-3) var(--space-6)}.game-group+.game-group{margin-top:var(--space-5)}.section-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.game-card{display:flex;gap:var(--space-3);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-decoration:none;transition:transform .16s var(--ease),border-color .16s var(--ease)}.game-card:hover,.game-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.game-card__art{width:76px;height:76px;flex:none}.game-card__art svg{width:100%;height:100%}.game-card__body{display:grid;gap:2px}.game-card__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600}.game-card__meta{color:var(--color-text-muted);font-size:.9rem}.game-card.in-progress .game-card__meta{color:var(--color-accent);font-weight:500}.install{margin-top:var(--space-5);display:flex;gap:var(--space-3);align-items:center;justify-content:center;flex-wrap:wrap;color:var(--color-text-muted)}.install p{margin:0}.site-footer{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-5) var(--space-3);border-top:1px solid var(--color-border)}
