/* ShortcutGames Unified v1 | preserves original header and brand mark */
:root{--sg-font:'Inter','Segoe UI',Arial,sans-serif;--sg-surface:#f7f7f9;--sg-white:#fff;--sg-border:#e7e7eb;--sg-copy:#17181d;--sg-muted:#727682;--sg-side:208px;--sg-soft-shadow:0 2px 12px rgba(15,18,29,.055)}
html{font-synthesis:none}
html body,html body *:not(svg):not(path):not([class*="fa-"]):not([class*="material-icons"]){font-family:var(--sg-font)!important}
html body{color:var(--sg-copy)}
/* Existing homepage: only typography adjusted; no reflow of the mosaic or original header. */
.sg-page-home{--sg-ui:var(--sg-font)}
.sg-page-home .sg-sidebar .sg-side-link,.sg-page-home .sg-body .sg-showcase h2,.sg-page-home .sg-body .category-header h2{letter-spacing:-.03em}
/* Shared top header styling across category + individual game pages. The markup/logo are untouched. */
.sg-page-game,.sg-page-category{background:var(--sg-surface)!important;min-height:100vh;--sg-head-height:85px}
.sg-page-game .header,.sg-page-category .header{height:85px!important;border-bottom:1px solid var(--sg-border)!important;background:#fff!important;background-image:none!important;box-shadow:none!important;padding-top:0!important;padding-bottom:0!important}
.sg-page-game .header .logo,.sg-page-category .header .logo{display:flex;justify-content:center;align-items:center}
.sg-page-game .header .logo img,.sg-page-category .header .logo img{object-fit:contain;max-height:71px}
.sg-page-game .header .logo:not(:has(a)) img{cursor:pointer}
.sg-page-game .search-btn,.sg-page-category .search-btn{background:#fff!important;border:1px solid var(--sg-border)!important;border-radius:50%!important;width:42px!important;height:42px!important;padding:10px!important;right:16px!important}
.sg-page-game .search-btn img,.sg-page-category .search-btn img{width:100%!important;height:100%!important;object-fit:contain!important}
.sg-page-game .header nav,.sg-page-category .header nav{display:none!important}
.sg-page-game .header .hamburger,.sg-page-category .header .hamburger{position:absolute;left:17px;top:33px;z-index:1150;cursor:pointer}
.sg-page-game .header .hamburger div,.sg-page-category .header .hamburger div{background:#171717;border-radius:2px;transition:transform .22s ease,opacity .15s ease}
.sg-page-game .header .hamburger.open div:nth-child(1),.sg-page-category .header .hamburger.open div:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.sg-page-game .header .hamburger.open div:nth-child(2),.sg-page-category .header .hamburger.open div:nth-child(2){opacity:0!important}
.sg-page-game .header .hamburger.open div:nth-child(3),.sg-page-category .header .hamburger.open div:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.sg-page-game .header .search-panel,.sg-page-category .header .search-panel{border:1px solid var(--sg-border);border-radius:12px;box-shadow:0 12px 50px #0b0e1930;background:#fff;right:12px;z-index:1200}
.sg-page-game .overlay,.sg-page-category .overlay{pointer-events:none!important;background:none!important}
/* Sidebar matches the index visual vocabulary */
.sg-global-sidebar{position:fixed;left:0;top:85px;bottom:0;z-index:1001;width:var(--sg-side);overflow:auto;background:#fff;border-right:1px solid var(--sg-border);padding:18px 10px 26px;scrollbar-width:thin;scrollbar-color:#d6d7da transparent;transition:transform .22s ease}
.sg-nav-primary{padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid var(--sg-border)}
.sg-nav-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#989ba3;padding:9px 12px 8px}
.sg-nav-item{display:flex;align-items:center;gap:12px;min-height:38px;padding:9px 11px;color:#36383f;text-decoration:none!important;border-radius:7px;font-size:12px;font-weight:650;line-height:1.3;transition:background .16s,color .16s;white-space:normal}
.sg-nav-item:hover{background:#f2f2f5;color:#101116}
.sg-nav-item.is-active{background:#1b1b20;color:#fff}
.sg-nav-item>.sg-nav-symbol{width:19px;min-width:19px;font-size:15px;text-align:center;color:#797b8b}
.sg-nav-item.is-active>.sg-nav-symbol{color:#fff}
.sg-nav-bottom{color:#afb0b7;font-size:10px;letter-spacing:.09em;font-weight:800;padding:28px 11px 10px}
.sg-page-game.sg-side-collapsed .sg-global-sidebar,.sg-page-category.sg-side-collapsed .sg-global-sidebar{transform:translateX(-102%)}
.sg-page-game.sg-side-collapsed,.sg-page-category.sg-side-collapsed{--sg-side:0px}
.sg-side-shade{display:none}
/* Content offset; each page keeps its existing DOM, embed and scripts. */
.sg-page-game > .game-intro,.sg-page-game > .sg-page-head,.sg-page-game > main,.sg-page-game > .game-links,.sg-page-game > .sg-related,.sg-page-game > .about-section,.sg-page-game > .sg-discover,.sg-page-game > footer,
.sg-page-category > main,.sg-page-category > .about-section,.sg-page-category > .sg-collection-picks,.sg-page-category > .sg-discover,.sg-page-category > footer{margin-left:var(--sg-side)!important;width:calc(100% - var(--sg-side))!important;max-width:none!important;box-sizing:border-box}
.sg-page-game > .sg-page-head,.sg-page-game > .game-intro,.sg-page-game > main,.sg-page-game > .sg-related,.sg-page-game > .about-section,.sg-page-game > .sg-discover,.sg-page-category > main,.sg-page-category > .sg-discover,.sg-page-category > .about-section{padding-left:clamp(16px,2.1vw,36px)!important;padding-right:clamp(16px,2.1vw,36px)!important}
.sg-page-game > .sg-page-head,.sg-page-category .sg-page-head{padding-top:26px!important;padding-bottom:5px!important}
.sg-breadcrumb{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.6;color:#8b8e98;margin:0 0 14px;max-width:100%;background:transparent!important;position:static!important;transform:none!important;border:0!important;box-shadow:none!important;width:auto!important}
.sg-breadcrumb a{color:#6b6e76;text-decoration:none}
.sg-breadcrumb a:hover{text-decoration:underline;color:#17181d}
.sg-breadcrumb [aria-current]{color:#292d34;font-weight:600}
.sg-page-head-row{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:0 0 5px}
.sg-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#878996}
.sg-category-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid #e2e3e8;background:#fff;border-radius:6px;padding:8px 12px;text-decoration:none!important;font-size:12px;font-weight:700;color:#383942}
.sg-category-chip:hover{border-color:#92939a}
/* Game player */
.sg-page-game > .game-intro{margin-top:0!important;margin-bottom:0!important;padding-top:8px!important;padding-bottom:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important}
.sg-page-game .game-intro h1,.sg-page-game .game-intro h2{font-size:clamp(24px,2.5vw,35px)!important;font-weight:800!important;letter-spacing:-.04em;line-height:1.16;margin:0 0 9px!important;color:#18191f!important}
.sg-page-game .game-intro p{font-size:13px!important;line-height:1.7!important;color:#777a83!important;max-width:900px;margin:0!important}
.sg-page-game > main{display:flex!important;max-width:none!important;margin-top:0!important;margin-bottom:0!important;align-items:flex-start!important;padding-top:12px!important;padding-bottom:22px!important;gap:0!important}
.sg-page-game main .ad-left,.sg-page-game main .ad-right{display:none!important}
.sg-page-game .game-wrapper{width:100%!important;max-width:1100px!important;margin:0 auto!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-width:0}
.sg-page-game .game-container{width:100%!important;max-width:1100px!important;border:1px solid #dfe0e4;border-radius:12px!important;background:#101114!important;box-shadow:var(--sg-soft-shadow)!important;overflow:hidden;aspect-ratio:16/9}
.sg-page-game .game-container iframe{width:100%!important;height:100%!important;border:0!important;display:block!important}
.sg-page-game .game-container>div{width:100%;height:100%}
.sg-page-game .fullscreen-btn{background:#202126!important;border:0!important;border-radius:7px!important;color:#fff!important;font-size:12px!important;font-weight:700!important;padding:10px 15px!important;min-height:37px;margin:0 0 10px!important;transform:none!important;cursor:pointer}
.sg-page-game > .game-links{padding:0 30px!important;margin-top:0!important;margin-bottom:12px!important;color:#6e7077;font-size:12px!important}
.sg-page-game > .game-links:has(p:empty){display:none!important}
/* Related and category discovery content; server-rendered HTML for bots + real users */
.sg-related,.sg-collection-picks,.sg-discover{box-sizing:border-box;margin-top:12px!important;margin-bottom:24px!important;padding-top:14px!important;padding-bottom:16px!important;background:transparent!important}
.sg-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 17px}
.sg-section-heading h2,.sg-discover h2{color:#18191e!important;font-size:clamp(20px,2vw,24px)!important;font-weight:800!important;line-height:1.2;letter-spacing:-.04em;margin:7px 0 0!important}
.sg-section-heading>a{font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;color:#515661}
.sg-section-heading>a:hover{text-decoration:underline}
.sg-reco-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;max-width:1200px;margin:0 auto}
.sg-reco-card{display:flex;min-width:0;flex-direction:column;text-decoration:none!important;border:1px solid #e8e8ec!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 3px #1111110c!important;transition:transform .18s ease,border-color .18s ease;isolation:isolate}
.sg-reco-card:hover{transform:translateY(-3px);border-color:#b4b5bc!important}
.sg-reco-card:focus-visible{outline:3px solid #34363f;outline-offset:2px}
.sg-reco-image{display:block;aspect-ratio:16/10;background:#e4e5e9;overflow:hidden;position:relative}
.sg-reco-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s}
.sg-reco-card:hover .sg-reco-image img{transform:scale(1.055)}
.sg-fallback-cover{display:grid;place-items:center;width:100%;height:100%;font-size:45px;color:#8d919d;background:linear-gradient(135deg,#e5e6e9,#cbccd4)}
.sg-reco-name{font-size:12.5px;font-weight:750;line-height:1.4;color:#2a2b32;padding:11px 12px;min-height:50px;overflow-wrap:anywhere}
.sg-related{padding-left:clamp(16px,2.1vw,36px)!important;padding-right:clamp(16px,2.1vw,36px)!important}
.sg-collection-picks{padding:14px 0 24px!important}
.sg-collection-picks .sg-reco-grid{max-width:none}
.sg-discover{padding-left:clamp(16px,2.1vw,36px)!important;padding-right:clamp(16px,2.1vw,36px)!important}
.sg-discover-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.sg-discover-links a{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;text-decoration:none!important;background:#fff;border:1px solid #e5e5ea;padding:12px 14px;border-radius:8px;color:#292c34;font-size:12px;font-weight:700}
.sg-discover-links a:hover{border-color:#909299;background:#fff}
/* Compact, readable SEO copy, not a giant document floating below the games */
.sg-page-game > .about-section,.sg-page-category .about-section{padding-top:15px!important;padding-bottom:36px!important;background:var(--sg-surface)!important}
.sg-page-game .about-section .container,.sg-page-category .about-section .container{max-width:1000px!important;width:100%!important;border:1px solid #e8e8eb!important;box-shadow:none!important;border-radius:12px!important;padding:28px clamp(16px,2.2vw,36px)!important;background:#fff!important}
.sg-page-game .about-section :is(h1,h2),.sg-page-category .about-section :is(h1,h2){font-size:clamp(19px,2vw,24px)!important;letter-spacing:-.03em!important;line-height:1.25!important;text-align:left!important;margin:20px 0 14px!important}
.sg-page-game .about-section h3,.sg-page-category .about-section h3{font-size:17px!important;text-align:left!important;margin:20px 0 9px!important}
.sg-page-game .about-section p,.sg-page-category .about-section p,.sg-page-game .about-section li,.sg-page-category .about-section li{color:#555962!important;font-size:14px!important;line-height:1.8!important;margin-bottom:13px!important}
.sg-page-game .about-section a,.sg-page-category .about-section a{color:#343a57;text-decoration:underline;text-underline-offset:2px}
.sg-page-game footer,.sg-page-category footer{border-top:1px solid #e5e6e9!important;background:#fff!important;padding:24px!important}
.sg-page-game footer .footer-container,.sg-page-category footer .footer-container{max-width:1100px!important;margin:0 auto!important;flex-direction:row!important;justify-content:center!important;flex-wrap:wrap!important;gap:20px!important}
.sg-page-game footer .privacy-link,.sg-page-category footer .privacy-link{align-self:auto!important}
/* Category pages: allow live existing JavaScript grids to work, with a consistent surface */
.sg-page-category > main{width:calc(100% - var(--sg-side))!important;max-width:none!important;margin:0 0 0 var(--sg-side)!important;padding:22px clamp(16px,2.1vw,36px) 30px!important;display:block!important;min-height:55vh}
.sg-page-category .sg-collection-head{padding:0 0 12px!important}
.sg-page-category .games-section{width:100%!important;max-width:none!important;margin:0 auto 25px!important;padding:20px 0!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}
.sg-page-category .quick-play-title{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px!important;text-align:left!important;min-height:34px!important}
.sg-page-category .quick-play-title img{height:32px;width:auto;max-width:100%}
.sg-page-category .quick-play-title h2{font-size:23px!important;font-weight:800!important;letter-spacing:-.03em}
.sg-page-category .hero-games-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:13px!important;width:100%!important;margin:0!important;overflow:visible!important;padding:0!important}
.sg-page-category .hero-game-card{width:100%!important;min-width:0!important;max-width:none!important;display:block!important;border-radius:10px!important;text-decoration:none!important;background:#fff!important;box-shadow:0 1px 4px #13131b0e!important;overflow:hidden;transition:transform .18s}
.sg-page-category .hero-game-card:hover{transform:translateY(-3px)!important}
.sg-page-category .hero-game-thumb{border-radius:9px!important;overflow:hidden;aspect-ratio:1.4;position:relative;background:#e6e8eb}
.sg-page-category .hero-game-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.sg-page-category .hero-game-title{font-size:12px!important;font-weight:750!important;color:#25272d!important;line-height:1.35!important;padding:9px 9px 2px!important}
.sg-page-category .hero-game-stars{font-size:11px!important;color:#faac1b!important;padding:0 9px 10px!important}
.sg-page-category .browse-categories-section{border:none!important;background:transparent!important;padding:20px 0!important;margin:15px 0!important;max-width:none!important;width:100%!important}
.sg-page-category .browse-categories-inner{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.sg-page-category .browse-categories-head{text-align:left!important;margin:0 0 18px!important}
.sg-page-category .browse-categories-head h2{font-size:22px!important;letter-spacing:-.03em!important;color:#1b1c23!important}
.sg-page-category .browse-categories-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:11px!important}
.sg-page-category .browse-category-card{border:1px solid #e5e6e9!important;box-shadow:none!important;background:#fff!important;border-radius:9px!important;min-height:90px!important;transform:none!important}
.sg-page-category .browse-category-card:hover{border-color:#b2b4bb!important;transform:translateY(-2px)!important}
.sg-page-category .sg-collection-picks{padding-top:15px!important}
.sg-page-category .sg-collection-picks .sg-reco-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1360px){.sg-page-category .hero-games-row,.sg-page-category .sg-collection-picks .sg-reco-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1050px){.sg-page-category .hero-games-row,.sg-page-category .sg-collection-picks .sg-reco-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sg-reco-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){
 .sg-page-game,.sg-page-category{--sg-side:0px}
 .sg-global-sidebar{width:260px;transform:translateX(-104%);z-index:1300;box-shadow:4px 0 28px #0002}
 .sg-page-game.sg-side-open .sg-global-sidebar,.sg-page-category.sg-side-open .sg-global-sidebar{transform:translateX(0)}
 .sg-side-shade:not([hidden]){display:block;position:fixed;top:85px;inset-inline:0;bottom:0;background:#080b1480;z-index:1250}
 .sg-page-game.sg-side-collapsed .sg-global-sidebar,.sg-page-category.sg-side-collapsed .sg-global-sidebar{transform:translateX(-104%)}
 .sg-page-category .hero-games-row,.sg-page-category .sg-collection-picks .sg-reco-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sg-page-game .game-container{aspect-ratio:4/3!important}
}
@media(max-width:610px){
 .sg-page-game .game-intro h1{font-size:24px!important}
 .sg-page-game .game-intro p{font-size:12px!important}
 .sg-page-game .sg-page-head,.sg-page-category .sg-page-head{padding-top:18px!important}
 .sg-page-category .hero-games-row,.sg-page-category .sg-collection-picks .sg-reco-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .sg-reco-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .sg-section-heading h2{font-size:20px!important}
 .sg-page-game .game-container{border-radius:8px!important}
 .sg-page-game footer .footer-container,.sg-page-category footer .footer-container{flex-direction:column!important;gap:9px!important}
 .sg-page-category .browse-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sg-page-game .about-section .container,.sg-page-category .about-section .container{padding:20px 18px!important}
}
@media(prefers-reduced-motion:reduce){.sg-reco-card,.sg-reco-card img,.sg-global-sidebar,.sg-nav-item{transition:none!important}}
/* Correct single H1 on older pages where it was absent */
.sg-page-category .sg-collection-main-title{font-size:30px!important;letter-spacing:-.045em;font-weight:800;margin:7px 0 17px!important}
.sg-page-game .sg-interior-game-title{font-size:clamp(24px,2.5vw,34px);font-weight:800;letter-spacing:-.04em;margin:7px 0 12px}
/* Fullscreen players still expand beyond the standard card size. */
.sg-page-game .game-container:fullscreen,.sg-page-game .game-container:-webkit-full-screen,.sg-page-game .game-container.fullscreen-active,.sg-page-game .game-container.fullscreen-simulated{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;border:0!important;margin:0!important}
.sg-page-game .game-container:fullscreen iframe,.sg-page-game .game-container.fullscreen-active iframe,.sg-page-game .game-container.fullscreen-simulated iframe{width:100%!important;height:100%!important}