:root{--bg:#07070a;--card:#14141c;--line:#262633;--text:#f3f4f7;--muted:#8d8e9a}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
button,input{font-family:inherit;color:inherit}
.top{position:relative;display:flex;align-items:center;min-height:52px;padding:calc(14px + env(safe-area-inset-top,0px)) 5vw 14px;background:var(--bg)}
.logo{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:24px;display:flex;align-items:center;gap:8px;letter-spacing:-0.02em;color:#eceef1;text-decoration:none;line-height:1}
.logo .marks{display:flex;gap:6px;font-size:14px;letter-spacing:2px}
.logo .marks span:nth-child(1){color:#e8b64c}
.logo .marks span:nth-child(2){color:#5b8def}
.logo .marks span:nth-child(3){color:#e05d5d}
.logo .marks span:nth-child(4){color:#5fd6a4}
.games-wrap{padding:8px 20px 28px}
.games-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.games-bar input{flex:1;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:11px 14px;outline:0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}
.chip.on{color:#0a0a0d;background:#fff;border-color:#fff}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;color:inherit;text-align:left;padding:0;width:100%}
.gcard:hover{border-color:#3c3c4c}
.gcard img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#1a1a22;display:block}
.gcard .m{padding:10px 12px 12px}
.gcard b{display:block;font-size:13px;line-height:1.3;min-height:2.4em}
.gcard span{font-size:11px;color:var(--muted);text-transform:capitalize}
.stage{position:fixed;inset:0;z-index:80;display:none;background:#050507;grid-template-rows:auto 1fr}
.stage.on{display:grid;z-index:1100}
.play-bar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-bottom:1px solid #3a3a48;background:#12121a}
.play-bar b{font-size:15px;font-weight:700}
.play-bar button{background:#fff;border:0;color:#111;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700}
#gameMount{position:relative;min-height:0;background:#000;overflow:hidden}
#gameMount iframe{width:100%;height:100%;border:0;background:#000}
.empty{color:var(--muted);padding:48px 0;text-align:center}