:root{color-scheme:dark;--bg:#101314;--panel:#191e20;--line:#30383a;--ink:#f0f3ec;--green:#d4f58c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.cards{max-width:1180px;margin:auto;padding:48px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.game-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);transition:border-color .15s}
.game-card:hover{border-color:var(--green)}
.card-art{height:240px;overflow:hidden;background:#252d2b}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.card-art.emb img{object-position:center 48%}
.game-card h2{margin:0;padding:18px 22px;font-size:22px;letter-spacing:-.5px}
.game-bar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}
.game-bar a{text-decoration:none;color:#a3afad}.game-bar a:hover{color:var(--ink)}
.game-bar button{background:#252c2e;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:6px 12px}.game-bar button:hover{background:#343e40}
#stage{height:calc(100dvh - 44px);background:#000}#stage iframe{display:block;width:100%;height:100%;border:0}
#stage:fullscreen{height:100dvh}
body.embed .game-bar a{visibility:hidden}
@media(max-width:760px){.cards{padding:20px 16px;gap:16px}.card-art{height:200px}}