/* ShortcutGames focused update: play-next, category mosaics, hamburger */
@media(min-width:1100px){
body.sg-page-game>main{display:grid!important;grid-template-columns:minmax(0,1fr) 268px!important;gap:18px!important;align-items:start!important}
body.sg-page-game>main>.game-wrapper{grid-column:1;grid-row:1;max-width:none!important;width:100%!important;margin:0!important}
body.sg-page-game>main>.sg-play-next{grid-column:2;grid-row:1;position:sticky;top:98px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
}
.sg-play-next{background:#fff;border:1px solid #e5e6ea;border-radius:12px;padding:12px;min-width:0}
.sg-play-next h2{font-size:18px!important;letter-spacing:-.035em;margin:0 0 12px!important;color:#191b20!important;font-weight:800!important}
.sg-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sg-next-card{display:block;min-width:0;overflow:hidden;border-radius:9px;text-decoration:none!important;color:#252730!important;background:#f5f5f7}
.sg-next-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}
.sg-next-card:hover img{transform:scale(1.05)}
.sg-next-card span{display:block;padding:5px 6px 7px;font-size:11px;line-height:1.25;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sg-next-more{display:block;text-align:center;margin-top:11px;padding:10px;border-radius:8px;background:#f1f1f4;color:#272832!important;text-decoration:none!important;font-size:12px;font-weight:750}
@media(max-width:1099px){body.sg-page-game>main>.sg-play-next{width:100%;margin-top:18px}body.sg-page-game>main{display:flex!important;flex-direction:column!important}.sg-next-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){.sg-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* category page, same density and tile grammar as home */
.sg-page-category .sg-cat-mosaic{padding:8px 0 12px;margin:0 0 14px}
.sg-cat-mosaic h2{font-size:22px!important;font-weight:850!important;color:#191b20!important;letter-spacing:-.035em;margin:8px 0 14px!important}
.sg-cat-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(95px,10vw,170px);gap:10px}
.sg-cat-tile{position:relative;display:block;overflow:hidden;border-radius:11px;background:#e8e9ee;min-width:0;min-height:0;isolation:isolate}
.sg-cat-tile:nth-child(1){grid-column:span 2;grid-row:span 2}
.sg-cat-tile:nth-child(6){grid-column:span 2;grid-row:span 2}
.sg-cat-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.sg-cat-tile:hover img{transform:scale(1.045)}
.sg-cat-tile span{position:absolute;bottom:0;left:0;right:0;color:white;font-size:12px;font-weight:800;padding:20px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-page-category .sg-cat-mosaic+.games-section{margin-top:12px!important}
.sg-page-category .sg-bottom-subcategories{margin-top:30px!important;border-top:1px solid #e4e5e9!important;padding-top:26px!important}
.sg-page-category .sg-bottom-subcategories .browse-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
@media(max-width:900px){.sg-cat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(100px,19vw,170px)}.sg-cat-tile:nth-child(6){grid-column:span 1;grid-row:span 1}}
@media(max-width:520px){.sg-cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(115px,31vw,180px);gap:9px}.sg-cat-tile:nth-child(1){grid-column:span 2;grid-row:span 2}.sg-cat-tile:nth-child(6){grid-column:span 1;grid-row:span 1}}
/* homepage hamburger X; preserve header and its logo */
body.sg-page-home .header .hamburger>div{transition:transform .24s ease,opacity .18s ease!important;transform-origin:center!important}
body.sg-page-home .header .hamburger.open>div:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
body.sg-page-home .header .hamburger.open>div:nth-child(2){opacity:0!important}
body.sg-page-home .header .hamburger.open>div:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
@media(prefers-reduced-motion:reduce){.sg-cat-tile img,.sg-next-card img,body.sg-page-home .header .hamburger>div{transition:none!important}}