/* Added styles: games grid, game page, gallery, lightbox. Uses the existing DevChazers variables. */
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.gcard{background:var(--card);border:1px solid var(--bd);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.gcard:hover{transform:translateY(-6px);border-color:#ff6b4a66;box-shadow:0 24px 50px -24px var(--a)}
.gimg{display:block;aspect-ratio:16/9;background-size:cover;background-position:center;position:relative}
.gb{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.gb p{color:var(--mut);font-size:13px;flex:1}
.gt{display:flex;gap:12px;align-items:center}.gt h3{font:500 17px Poppins;text-transform:none;letter-spacing:0}
.gico{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid var(--bd);flex:none}
.gico.big{width:84px;height:84px;border-radius:20px}
.gico.ph{display:grid;place-items:center;background:linear-gradient(135deg,#ff4d7e,#ffb938);font:400 26px 'Bebas Neue'}
.feat,.st{position:absolute;top:10px;font:500 10px Poppins;letter-spacing:.8px;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:#000b;border:1px solid #fff3}
.feat{left:10px;color:#ffd166}.st{right:10px}.st.ok{color:var(--g)}.st.soon{color:#f5a623}.st.inl{position:static;display:inline-block;margin-top:6px}
.pill.dis{opacity:.55;cursor:default;pointer-events:none}.gb .pill{padding:9px 18px;font-size:12px}
.gempty{grid-column:1/-1;text-align:center;color:var(--mut);padding:50px 20px;border:1px dashed var(--bd);border-radius:20px}
.gp{max-width:880px;margin:0 auto;padding:110px 20px 20px}.back{color:var(--a);text-decoration:none;font-size:13px;display:inline-block;margin-bottom:18px}
.ghead{display:flex;gap:18px;align-items:center;margin-bottom:22px}.ghead h1{font-size:clamp(38px,6vw,60px);line-height:1}
.gal{position:relative;aspect-ratio:16/9;background:#05080d;border:1px solid var(--bd);border-radius:18px;overflow:hidden}
.gal img{width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:opacity .15s}.fade{opacity:0}
.nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #fff4;background:#000a;color:#fff;font-size:24px;cursor:pointer;z-index:2;transition:.2s}.nav:hover{background:var(--a);color:#000}
.nav.l{left:10px}.nav.r{right:10px}
.thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.thumbs img{height:64px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:2px solid transparent;opacity:.6;cursor:pointer;transition:.2s}.thumbs img.on,.thumbs img:hover{opacity:1;border-color:var(--a)}
.gp h3{font:500 17px Poppins;text-transform:none;margin:22px 0 6px}.desc{color:var(--mut);white-space:pre-wrap}
.lb{position:fixed;inset:0;background:#000e;z-index:60;display:none;align-items:center;justify-content:center}.lb.open{display:flex}
.lb img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:8px}
.lb .x{position:absolute;top:14px;right:16px;font-size:22px;border:1px solid #fff4;background:#000a;color:#fff;border-radius:50%;width:42px;height:42px;cursor:pointer}
.lb .nav{position:fixed}
.sup small{color:var(--mut)}
@media(max-width:600px){.ghead{flex-direction:column;align-items:flex-start}.nav{width:36px;height:36px}}
html,body{overflow-x:hidden}
/* Ember theme polish */
body{background:radial-gradient(900px 500px at 85% -10%,#ff4d7e1f,transparent 60%),radial-gradient(700px 500px at -10% 30%,#ffb93814,transparent 60%),var(--bg);background-attachment:fixed}
.gcard,.nc{border-radius:22px}
.gcard:hover{border-color:#ff6b4a66}
a:focus-visible,button:focus-visible{outline:2px solid var(--a);outline-offset:3px}

/* CMS pages */
#cms_page .cms-body{max-width:720px;line-height:1.7}
#cms_page .cms-body h2{font:400 28px 'Bebas Neue',sans-serif;margin:1.2em 0 .4em;letter-spacing:.4px}
#cms_page .cms-body h3{font:500 16px Poppins,sans-serif;margin:1em 0 .35em}
#cms_page .cms-body p{margin:.55em 0;color:var(--mut)}
#cms_page .cms-body ul{margin:.5em 0;padding-left:1.3em;color:var(--mut)}
#cms_page .cms-body img{max-width:100%;border-radius:12px;margin:.6em 0}
#cms_page .cms-body a{color:var(--a)}
#cms_page h1{font:400 40px 'Bebas Neue',sans-serif;margin:.4em 0 .6em}