/* Layout only below the untouched original header. */
:root{--sg-ink:#151515;--sg-rule:#e8e8eb;--sg-ui:'Arial Black',Arial,Helvetica,sans-serif}
body{background:#f7f7f8!important;color:var(--sg-ink)}
.sg-layout{display:flex;align-items:stretch;min-width:0;max-width:100%}
.sg-sidebar{width:212px;flex:0 0 212px;min-height:calc(100vh - 80px);background:#fff;border-right:1px solid var(--sg-rule);padding:19px 11px 24px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;scrollbar-width:thin}
.sg-side-group{display:flex;flex-direction:column;gap:3px}
.sg-side-primary{border-bottom:1px solid var(--sg-rule);padding-bottom:15px;margin-bottom:18px}
.sg-side-caption{font:800 10px var(--sg-ui);letter-spacing:1.3px;color:#999;padding:0 11px;margin:0 0 9px}
.sg-side-link{display:flex;align-items:center;min-height:40px;gap:12px;padding:8px 11px;color:#303039;text-decoration:none!important;border-radius:7px;font:800 12px/1.25 var(--sg-ui);letter-spacing:-.25px;transition:background .15s}
.sg-side-link:hover{background:#f0f0f2}.sg-side-link.selected{background:#19191c;color:white}
.sg-side-icon{display:inline-flex;justify-content:center;align-items:center;width:20px;flex:0 0 20px;color:#7b718f;font-family:Arial,sans-serif;font-size:19px}.selected .sg-side-icon{color:#fff}
.sg-side-footer{font:900 10px var(--sg-ui);letter-spacing:.2px;padding:30px 11px;color:#bbb}
.sg-body{min-width:0;flex:1;overflow:hidden}.sg-body>main{max-width:none!important;width:100%!important;padding:23px 24px 70px!important;margin:0!important;box-sizing:border-box}
.sg-showcase{margin:0 0 30px}.sg-showcase-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.sg-showcase-head h2,.sg-body .hero-cat,.sg-body .category-header h2{font:900 23px/1.2 var(--sg-ui)!important;letter-spacing:-.8px!important;color:#151515!important;text-transform:none!important}
.sg-showcase-head h2{margin:0}.sg-showcase-head a{font:800 12px var(--sg-ui);text-decoration:none;color:#252525}
.sg-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:9px}
.sg-tile{position:relative;display:block;min-width:0;aspect-ratio:1.55;overflow:hidden;border-radius:9px;background:#e7e7ea;text-decoration:none;isolation:isolate;box-shadow:0 1px 3px #00000012}
.sg-tile-big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;min-height:210px}
.sg-tile-wide{grid-column:span 2;aspect-ratio:3.15}
.sg-tile>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sg-tile:hover>img{transform:scale(1.04)}.sg-tile:focus-visible{outline:3px solid #222;outline-offset:3px}
.sg-tile-name{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 10px;background:linear-gradient(transparent,#000a);font:900 13px/1.1 var(--sg-ui);color:white;opacity:0;transition:opacity .15s}.sg-tile:hover .sg-tile-name,.sg-tile:focus-visible .sg-tile-name,.sg-screen .sg-tile-name{opacity:1}
.sg-tile-badge{position:absolute;left:9px;top:9px;background:#151515;color:white;border-radius:4px;padding:6px 8px;font:900 9px var(--sg-ui);letter-spacing:.3px}
.sg-body .hero-tabs-wrap{width:100%!important;max-width:none!important;overflow:visible!important;margin:0!important;padding:0!important}
.sg-body .home-category{margin:25px 0 35px!important}.sg-body .category-header{margin:0 0 13px!important;gap:10px}
.sg-body .hero-cat{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;text-align:left!important;cursor:default}
.sg-body .view-all-btn{font:800 12px var(--sg-ui)!important;color:#333!important}
.sg-body .hero-games-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;scroll-snap-type:none!important;contain:none!important}
.sg-body .hero-game-card{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;scroll-snap-align:none!important}
.sg-body .hero-game-thumb{border-radius:9px!important;box-shadow:none!important;overflow:hidden;background:#e7e7e9}.sg-body .hero-game-thumb img{aspect-ratio:1.45!important;object-fit:cover!important}
.sg-body .hero-game-title{font:800 12px/1.3 var(--sg-ui)!important;letter-spacing:-.25px;margin-top:8px!important}
.sg-body .hero-game-stars{font-size:12px!important;margin-top:2px!important}.sg-body .hero-game-badge{border-radius:3px!important;font:900 9px var(--sg-ui)!important;padding:5px 7px!important}
.sg-body .hero-game-card:hover .hero-game-thumb{transform:none!important;box-shadow:0 3px 10px #0002!important}
.sg-body .browse-categories-section,.sg-body .explore-section{max-width:none!important}
.sg-body .explore-section{padding:0!important;margin:35px 0!important;border-radius:0!important;background:transparent!important}
.sg-body .sg-duel-banner{display:none!important}
/* Typography is approximated with Arial Black: the raster logo contains no embedded font. */
.sg-sidebar,.sg-body .category-header,.sg-body .hero-game-title,.sg-body .browse-categories-section,.sg-body .explore-section{font-family:var(--sg-ui)!important}
@media(max-width:1250px){.sg-sidebar{width:176px;flex-basis:176px}.sg-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-body .hero-games-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.sg-sidebar{display:none}.sg-body>main{padding:15px 12px 50px!important}.sg-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sg-tile-big{grid-column:span 2;grid-row:span 2;min-height:155px}.sg-body .hero-games-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sg-showcase-head h2,.sg-body .hero-cat{font-size:19px!important}}
@media(max-width:480px){.sg-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-tile{aspect-ratio:1.4}.sg-tile-big{grid-column:span 2;grid-row:span 1;aspect-ratio:1.75;min-height:unset}.sg-tile-wide{grid-column:span 2}.sg-body .hero-games-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sg-showcase-head a{font-size:10px}.sg-body>main{padding:12px 10px 36px!important}}
@media(prefers-reduced-motion:reduce){.sg-tile>img{transition:none}.sg-tile:hover>img{transform:none}}