.games-overview{flex:1;width:100%;max-width:56rem;margin:0 auto;padding:2rem 1.5rem 3rem}.intro{max-width:40rem;line-height:1.6;color:var(--muted)}.game-list-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.game-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.4rem 1.2rem;height:100%;padding:1.2rem 1.3rem;border:1px solid var(--line);color:var(--light);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px #000000b3}.game-card:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}.game-logo{grid-row:1 / 3;width:5.5rem;height:5.5rem}.game-text h2{font-size:1.25rem;font-weight:400;letter-spacing:.03em}.game-text p{margin-top:.4rem;font-size:.92rem;line-height:1.5;color:var(--muted)}.game-text .game-features{font-size:.8rem;font-style:italic}.game-go{justify-self:end;color:var(--terracotta);font-size:.95rem}.game-card:hover .game-go{text-decoration:underline}.logo-back{stroke:var(--line);stroke-width:1.2}.logo-frame{fill:none;stroke:var(--terracotta);stroke-opacity:.55;stroke-width:1}.logo-dot{fill:var(--band-B);opacity:.35}.logo-front{stroke:var(--band-B);stroke-width:1.4}.logo-row-line{fill:var(--terracotta)}.game-logo{filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.logo-text{font-family:system-ui,sans-serif;font-size:9px;font-weight:700;fill:#fff7e6}.logo-text.small{font-size:8px;fill:var(--light)}.logo-balloon-a{fill:var(--terracotta)}.logo-balloon-b{fill:var(--band-B);opacity:.85}.logo-gloss{fill:#fff;opacity:.3}.logo-string{fill:none;stroke:var(--muted);stroke-width:1}.logo-block{fill:var(--surface);stroke:var(--line);stroke-width:1.2}.logo-block.gold{stroke:var(--band-B);stroke-width:1.6}.logo-square-light{fill:#f0d9b5}.logo-square-dark{fill:#b58863}.logo-question-ground{fill:var(--terracotta);stroke:var(--surface);stroke-width:2.5}.logo-question{font-family:Georgia,serif;font-size:22px;font-weight:700;fill:#fff}.logo-target{fill:none;stroke:#d4583c;stroke-width:2}.logo-target.inner{stroke-width:1.2;opacity:.6}.logo-path{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round}.logo-path.a{stroke:var(--band-B)}.logo-path.b{stroke:var(--terracotta)}.logo-dot-gone{fill:var(--light)}.logo-end.a{fill:var(--band-B)}.logo-end.b{fill:var(--terracotta)}.logo-shaft{fill:var(--surface);stroke:var(--line);stroke-width:1.2}.logo-tower{fill:var(--band-B);opacity:.18}.logo-rubble{fill:var(--muted);opacity:.35}.logo-snap{fill:var(--band-C);opacity:.8}.logo-fall{fill:var(--surface);stroke:var(--terracotta);stroke-width:1.4}.logo-arrow{fill:none;stroke:var(--band-B);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.logo-duel-ground{fill:var(--surface);stroke:var(--line);stroke-width:1.2}.logo-flash{fill:none;stroke:var(--terracotta);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logo-check{fill:none;stroke:var(--band-C);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.logo-move{font-family:Georgia,serif;font-size:15px;font-style:italic;font-weight:700;fill:var(--band-B)}.logo-shot{stroke:var(--band-B);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 3}.logo-plane{fill:#eee2c6;stroke:var(--terracotta);stroke-width:1.2;stroke-linejoin:round}.logo-rain{stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;opacity:.6}.logo-line{font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:700;fill:var(--band-B)}.logo-row{font-family:Georgia,serif;font-size:22px;font-weight:700;fill:var(--terracotta)}.logo-slot{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:4 3}.coming-soon{margin-top:2.5rem}.coming-soon h2{font-size:1.05rem;font-weight:400;letter-spacing:.05em;color:var(--terracotta)}.coming-soon ul{margin-top:.6rem;padding-left:1.2rem;color:var(--muted);font-size:.92rem;line-height:1.55}.coming-soon li+li{margin-top:.2rem}.coming-soon b{font-weight:400;color:var(--light)}:root .game-card{border-radius:18px;border-color:var(--border);background:var(--tile);box-shadow:var(--shadow)}:root .game-card:hover{border-color:var(--accent)}:root .logo-back,:root .logo-front{fill:var(--tile-2)}@media (max-width: 560px){.game-card{grid-template-columns:1fr}.game-logo{grid-row:auto;width:4rem;height:4rem}}