/* Compact studio layout. Browser zoom and text scaling remain visitor-controlled. */
:root{--nav-height:72px}
.wrap{width:min(1600px,92%)}
.section{padding:68px 0}
.site-header{position:fixed;inset:0 0 auto;height:var(--nav-height);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 4%;border:0;color:#fff;background:rgb(0 0 0 / var(--header-opacity,0));isolation:isolate}
.site-header:before{content:'';position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(#000d,#0007 55%,#0000);opacity:calc(1 - var(--header-opacity,0))}
.site-header.has-panel{background:#000}
.brand{justify-self:start;display:flex;align-items:center}
.site-header .brand img,.site-footer .brand img{width:46px;height:44px;object-fit:contain;filter:none}
.desktop-nav{justify-self:center;justify-content:center;gap:4px;flex:none}
.desktop-nav>a,.nav-group>summary{font-size:.875rem;padding:12px 14px;letter-spacing:.035em;white-space:nowrap}
.desktop-nav>a:hover,.nav-group>summary:hover,.nav-group[open]>summary{background:#ffffff1f}
.desktop-nav .active{color:#fff;box-shadow:inset 0 -2px var(--red)}
.header-cta{justify-self:end;font-size:.875rem;padding:8px 19px;border-radius:5px}
.nav-dropdown{background:#0c0c0c;color:#fff;border-radius:0;border-color:var(--red);min-width:280px}
.nav-dropdown a:hover{background:#fff1;color:#fff}.nav-all-games{border-color:#ffffff30}
.menu-toggle{color:white;justify-self:end}.menu-toggle span{background:#fff}
.mobile-nav{background:#080808;color:#fff;top:var(--nav-height);max-height:calc(100svh - var(--nav-height));overflow-y:auto}
.page-inner #main{padding-top:var(--nav-height)}
.page-inner:before{content:'';position:absolute;top:0;left:0;right:0;height:var(--nav-height);background:#101010;z-index:-1}
.page-inner .page-title{padding:48px 0 42px}
.page-inner .page-title h1{font-size:clamp(3.4rem,5.4vw,5.6rem)}
.page-game .game-hero-copy{padding-top:120px}

/* Artwork-only hero, with controls placed on the image itself. */
.artwork-carousel{position:relative;background:#0a0a0a}
.artwork-carousel .media-slide{height:min(62svh,42vw,660px);min-height:240px;max-height:calc(100svh - 150px);display:block}
.artwork-carousel .media-slide:after{display:none}
.artwork-video{border:0;padding:0;border-radius:0;width:100%;height:100%;display:block;background:#0a0a0a;touch-action:pan-y}
.artwork-video>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;user-select:none;-webkit-user-drag:none}
.media-slide[data-slide="1"] .artwork-video>img{object-position:center 34%}
.media-slide[data-slide="2"] .artwork-video>img{object-position:center 32%}
.media-slide[data-slide="3"] .artwork-video>img{object-position:center 35%}
.artwork-video:focus-visible{outline:3px solid white;outline-offset:-6px}
.carousel-overlay{position:absolute;right:4%;bottom:20px;display:flex;align-items:center;gap:3px;padding:4px 8px;border:1px solid #ffffff40;border-radius:30px;background:#080808c7;color:white;backdrop-filter:blur(8px)}
.carousel-overlay>button,.slide-dots>button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;color:#fff;background:transparent;border-radius:50%;font-size:1.3rem}
.carousel-overlay button:hover{background:#fff2}
.slide-dots{display:flex;align-items:center}.slide-dots>[data-slide-to]{width:28px}
.slide-dots>[data-slide-to]>span{width:6px;height:6px;border-radius:50%;background:#ffffff75;transition:width .2s}
.slide-dots>[data-slide-to][aria-pressed=true]>span{width:18px;background:#fff;border-radius:4px}
.slide-dots>[data-carousel-pause]{font-size:.875rem;margin-left:3px}

/* Angled, vertically cropped game panels with independent clickable store icons. */
.home-games{padding:32px 0 58px;background:#fff;overflow:hidden}
.home-games-heading{margin-bottom:22px;align-items:center;gap:18px}
.home-games-heading h1{font-size:clamp(2.6rem,4.1vw,4.9rem);line-height:1;margin:0;white-space:nowrap}
.home-games-heading>a{font-size:.875rem}
.game-rail{width:100%;overflow-x:auto;overflow-y:hidden;padding:0 4% 18px;scroll-padding-inline:4%;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#727272 #ededed}
.game-rail:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.home-game-grid{display:flex;gap:10px;width:max-content;padding:18px 0 30px}
.home-game-card{position:relative;flex:0 0 clamp(185px,15.2vw,275px);width:clamp(185px,15.2vw,275px);height:clamp(310px,28vw,470px);min-width:0;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);isolation:isolate;background:#151515;scroll-snap-align:start;transition:transform .2s}
.home-game-card:nth-child(2n){transform:translateY(-14px)}
.home-game-card:nth-child(2n+1){transform:translateY(8px)}
.home-game-card:hover,.home-game-card:focus-within{transform:translateY(-4px)}
.home-game-art{position:absolute;inset:0;aspect-ratio:auto!important;border:0;border-radius:0;align-items:flex-start;background:none}
.home-game-art>img{object-position:center;height:100%;width:100%;transition:transform .3s}
.home-game-art:after{background:linear-gradient(#070707a8,#07070705 38%,#07070708 65%,#070707d9)}
.home-game-art>div{padding:32px 15% 0 19%;justify-content:center;text-align:center;align-items:flex-start}
.home-game-art h2{font-size:clamp(1.7rem,2.1vw,2.3rem);line-height:.98;letter-spacing:0;text-shadow:0 2px 14px #0007}
.home-game-card[data-game="dambe"] .home-game-art>img{object-position:54% center}
.home-game-card[data-game="rasta-santa"] .home-game-art>img{object-position:57% center}
.game-platform-row{position:absolute;bottom:17px;right:16%;left:10%;display:flex;justify-content:flex-end;padding:0;margin:0;z-index:2}
.game-platform-row .platform-buttons{gap:3px;margin:0;flex-wrap:nowrap}
.game-platform-row .platform-button{color:#fff;background:#0009;border:1px solid #ffffff60;border-radius:50%;min-height:38px;width:38px;padding:9px}
.game-platform-row .platform-button:hover{background:#fff;color:#111;border-color:#fff}
.game-platform-row .platform-button img{filter:invert(1);width:18px;height:18px}
.game-platform-row .platform-button:hover img{filter:none}
.game-platform-row .platform-buttons.icon-only .platform-button{width:38px;min-height:38px;padding:9px}
.game-platform-row .platform-buttons.icon-only .game-detail{width:auto;border-radius:5px;min-height:38px;padding:8px 10px;font-size:.8125rem}
.home-game-art:focus-visible{outline:3px solid #fff;outline-offset:-15px}
.recognition-content{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.recognition-intro{grid-column:1/-1;display:flex;justify-content:center;gap:12px;align-items:baseline}
.recognition-intro .eyebrow{font-size:.875rem;margin:0}.recognition-intro p{font-size:1rem}
.recognition-award span{font-size:.875rem}.recognition-award strong{font-size:1rem}
.catalog-card#stranded-here .catalog-art{aspect-ratio:2.048}
.catalog-card#stranded-here .catalog-art img{object-fit:contain}
.home-news{padding:64px 0 75px}

/* Dambe's own gold, white and Hausa-patterned visual identity. */
.theme-dambe{--ink:#fff;--muted:#c9c4b9;--red:#e6af42;--hover:#f4c666;--paper:#080908;--soft:#10100e;--line:#c3a45b40;background:#080908 url('../deluxe-v2/hausa-bg.png') center top/1000px 562px repeat;color:#fff}
.theme-dambe .dambe-hero{background:transparent;min-height:580px;text-align:center;align-items:center}
.theme-dambe .dambe-hero:after{background:radial-gradient(ellipse at center,#0000 15%,#0007 85%)}
.theme-dambe .dambe-hero .game-hero-copy{width:min(850px,100%);margin:auto;padding:125px 0 55px}
.theme-dambe .dambe-hero .eyebrow{color:#e6af42;font-size:.875rem;letter-spacing:.15em}
.dambe-logo-frame{position:relative;width:100%;aspect-ratio:1553/464;overflow:hidden;margin:22px auto 32px}
.theme-dambe .dambe-hero .game-hero-logo{position:absolute;left:0;top:-44.18%;height:auto;width:100%;max-height:none;margin:0;object-fit:contain}
.theme-dambe .game-hero-copy p:not(.eyebrow){max-width:none;color:#f4f0e8;font-size:1.125rem}
.theme-dambe .game-hero-copy .actions{justify-content:center;margin-top:26px}
.theme-dambe .button,.theme-dambe .header-cta{background:var(--red);color:#15120b}
.theme-dambe .button:hover,.theme-dambe .header-cta:hover{background:var(--hover)}
.theme-dambe .button.outline{background:transparent;color:#f4cf7f;border-color:#c7a45d}
.theme-dambe .button.outline:hover{background:#e6af421a}
.theme-dambe .game-subnav{background:#090a09d9;border-block:1px solid var(--line)}
.theme-dambe .game-subnav .wrap{justify-content:center}.theme-dambe .game-subnav a{font-size:.875rem;color:#e9d7ae}
.theme-dambe main>.section{background:transparent;border-bottom:1px solid #c3a45b26}
.theme-dambe main>.section.soft{background:#0b0c0a80}
.theme-dambe h2,.theme-dambe h3{color:#f1c570}
.theme-dambe h2:not(.display){font-family:var(--display);font-size:clamp(2.5rem,4vw,4rem);letter-spacing:.015em}
.theme-dambe .game-summary img,.theme-dambe .gallery button,.theme-dambe .video-thumb{border-radius:2px;border:1px solid var(--line)}
.theme-dambe .feature-box{background:#11120eaa;border-top:2px solid var(--red);border-radius:0}
.theme-dambe .feature-box p{color:var(--muted)}
.theme-dambe .facts strong{color:white}.theme-dambe .meta{color:#c5bb9f}
.theme-dambe .play-circle{background:var(--red);color:#191307}
.theme-dambe .cta-band{background:#080907c9;border-block:1px solid #bc914e7a;text-align:left}
.theme-dambe .cta-band .eyebrow{color:#e6af42}.theme-dambe .cta-band p{color:var(--muted)}
.theme-dambe .cta-band .button{background:var(--red);color:#171108}
.theme-dambe .site-footer{background:#050505}
.theme-dambe .media-dialog h2{font-family:var(--body);font-size:1rem;letter-spacing:0;color:#fff}

@media(max-width:1100px){
 .desktop-nav{display:none}.site-header{grid-template-columns:1fr auto auto;gap:15px}.menu-toggle{display:block}.header-cta{margin-left:0}.site-header .brand img{width:42px;height:40px}
 .recognition-content{grid-template-columns:repeat(3,1fr)}
 .home-game-card{height:350px;flex-basis:220px;width:220px}
}
@media(max-width:650px){
 :root{--nav-height:64px}.site-header{padding-inline:5%;gap:10px}.site-header .brand img{width:36px;height:35px}.header-cta{font-size:.8125rem;padding:8px 12px}
 .wrap{width:90%}.section{padding:46px 0}.page-inner .page-title{padding:38px 0}.page-inner .page-title h1{font-size:3.5rem}
 .artwork-carousel .media-slide{height:45svh;min-height:230px;max-height:440px}
 .artwork-video>img{object-position:center}.media-slide[data-slide="1"] .artwork-video>img{object-fit:contain;background:#080908 url('../deluxe-v2/hausa-bg.png') center/cover}
 .carousel-overlay{right:5%;bottom:12px;padding:1px 5px}.carousel-overlay>button,.slide-dots>button{width:36px;height:36px}.slide-dots>[data-slide-to]{width:23px}
 .home-games{padding:26px 0 38px}.home-games-heading{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.home-games-heading h1{font-size:clamp(2.35rem,9.5vw,3.6rem)}.home-games-heading>a{font-size:.875rem}
 .game-rail{padding-inline:5%}.home-game-grid{gap:5px}.home-game-card{flex-basis:210px;width:210px;height:340px}.home-game-art h2{font-size:2rem}
 .recognition-content{grid-template-columns:1fr 1fr;gap:26px 20px}.recognition-intro{display:block;text-align:left}.recognition-award strong{font-size:.9375rem}.recognition-award span{font-size:.875rem}.recognition-award>svg{width:20px}
 .theme-dambe .dambe-hero{min-height:510px}.theme-dambe .dambe-hero .game-hero-copy{padding:105px 0 45px}.theme-dambe .dambe-hero .eyebrow{font-size:.8125rem;letter-spacing:.08em}.dambe-logo-frame{margin:24px auto 28px}.theme-dambe .game-hero-copy p:not(.eyebrow){font-size:1rem}.theme-dambe .game-subnav .wrap{justify-content:flex-start}
 .theme-dambe .cta-band .wrap{display:block}.theme-dambe .cta-band .button{margin-top:24px}.theme-dambe .game-summary h2{font-size:3rem}
}
@media(max-height:500px) and (min-width:651px){.artwork-carousel .media-slide{min-height:160px;height:55svh}.home-games{padding-top:20px}.home-games-heading h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.home-game-card,.artwork-video>img{transition:none}}