/* Layout and VIP201 theme only. The imported game HTML, SEO text and engine remain intact. */
:root{color-scheme:dark;--vip-surface:#101923;--vip-border:#294238;--vip-green:#00d879}
html{background:#05080e;scroll-padding-top:94px;overflow-x:clip}
body.vip201-gemini{max-width:450px;margin:0 auto;min-width:0;width:100%;position:relative;box-sizing:border-box;background:#080f1a;background-image:radial-gradient(ellipse at 30% 0%,#12382c88,transparent 60%);color:#e8eef7;font-family:Inter,system-ui,sans-serif;overflow-x:clip}
body.vip201-gemini *,body.vip201-gemini *::before,body.vip201-gemini *::after{box-sizing:border-box}
.vip201-gemini header{background:#101821f5!important;border-color:#244535!important}
.vip201-gemini #vip201-top-app-banner{background:linear-gradient(90deg,#071310,#113323)!important;border-color:#28523d!important}
.vip201-gemini [class*="bg-[#"]{background-color:#101b28!important}
.vip201-gemini [class*="from-[#"]{--tw-gradient-from:#17332b var(--tw-gradient-from-position);--tw-gradient-to:rgb(23 51 43 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.vip201-gemini [class*="via-[#"]{--tw-gradient-stops:var(--tw-gradient-from),#10231f var(--tw-gradient-via-position),var(--tw-gradient-to)}
.vip201-gemini [class*="to-[#"]{--tw-gradient-to:#0b1322 var(--tw-gradient-to-position)}
.vip201-gemini .btn-cta-green{background:linear-gradient(135deg,#00de7a,#00a658);color:#04140b;box-shadow:0 5px 20px #00cf722a}
.vip201-gemini .cabinet-glow{box-shadow:0 12px 40px #0006,inset 0 0 20px #00db7112;border:1px solid #2f5d47}
.vip201-gemini .font-game{font-family:Inter,system-ui,sans-serif;font-weight:900}
.vip201-gemini .text-gold-gradient{background:linear-gradient(135deg,#ffdf50,#fff1aa);-webkit-background-clip:text;background-clip:text}
.vip201-gemini #header-logo-icon{width:148px;height:40px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('../images/vip201-1.png') center/contain no-repeat!important;flex-shrink:0}
.vip201-gemini #header-logo-icon>*{visibility:hidden}
.vip201-gemini main{width:100%;min-width:0;max-width:450px}
.vip201-gemini main>div,.vip201-gemini main>section,.vip201-gemini main>div>div{min-width:0}
.vip201-gemini #pg-cabinet{width:100%;max-width:420px;height:690px;min-height:0}
.vip201-gemini #iframe-engine-view{min-height:0}
.vip201-gemini #iframe-mount-container{min-height:0;overflow:hidden}
.vip201-gemini #iframe-mount-container iframe{display:block;width:100%;height:100%;min-height:0;flex:1 1 0}
.vip201-gemini footer{background:#080f1a!important}
.vip201-back-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:24px 0 0;color:#00db7a;font-size:12px}
.vip201-gemini>div.fixed.bottom-0{left:50%;right:auto;transform:translateX(-50%);width:min(100%,450px);padding-bottom:max(10px,env(safe-area-inset-bottom));background:#0c1823f5!important}
.vip201-gemini #retention-modal{overflow-y:auto;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
.vip201-gemini #retention-modal>div{max-height:calc(100dvh - 32px);overflow-y:auto}
.vip201-gemini #super-win-overlay{overflow-y:auto}
.vip201-gemini #pg-cabinet:fullscreen{width:100%;height:100dvh;max-width:520px;margin:auto;border-radius:0;overflow-y:auto;background:#0b1322}
@media(max-width:1023px){.vip201-gemini main>div.grid{gap:24px}.vip201-gemini header nav{display:none}.vip201-gemini header>div{gap:8px}.vip201-gemini header .font-game.text-xl{font-size:17px}}

 html{scroll-padding-top:80px}
 body.vip201-gemini{padding-bottom:90px}
 .vip201-gemini header>div{padding:9px 10px}
 .vip201-gemini #header-logo-icon{width:100px;height:30px}
 .vip201-gemini header a>div:nth-child(2){display:none}
 .vip201-gemini header button{min-height:38px;font-size:11px;padding:8px 10px}
 .vip201-gemini #vip201-top-app-banner{padding:8px}
 .vip201-gemini #vip201-top-app-banner>.max-w-6xl{gap:5px}
 .vip201-gemini #vip201-top-app-banner .text-\[11px\]{font-size:9px}
 .vip201-gemini #vip201-top-app-banner button{font-size:10px;padding:6px 8px}
 .vip201-gemini main{padding:18px 10px 24px}
 .vip201-gemini #main-seo-h1{font-size:25px;line-height:1.25;overflow-wrap:anywhere}
 .vip201-gemini #pg-cabinet{height:690px;max-width:100%}
 .vip201-gemini .game-switch-btn{min-height:44px;padding:9px 12px}
 .vip201-gemini #mascot-speech{right:-65px;font-size:8px;max-width:115px;white-space:normal}
 .vip201-gemini #horarios-section,.vip201-gemini #apk-guide-section,.vip201-gemini #seo-guide>div,.vip201-gemini #seo-guide>article{padding:15px}
 .vip201-gemini #horarios-section button{padding:9px 7px;font-size:10px;min-width:0;min-height:40px}
 .vip201-gemini #apk-guide-section h2{font-size:19px}
 .vip201-gemini table{min-width:330px}
 .vip201-gemini>div.fixed.bottom-0{gap:5px;padding-left:8px;padding-right:8px}
 .vip201-gemini>div.fixed.bottom-0>div{min-width:0;flex:1}
 .vip201-gemini>div.fixed.bottom-0 .text-\[10px\]{font-size:8px}
 .vip201-gemini>div.fixed.bottom-0 button{font-size:9px;padding:10px 8px;min-height:40px}
@media(max-width:350px){.vip201-gemini header button{padding:7px 8px;font-size:10px}.vip201-gemini #header-logo-icon{width:90px}.vip201-gemini header .bg-yellow-300{font-size:9px}.vip201-gemini #vip201-top-app-banner .w-8{width:24px;height:26px}.vip201-gemini #direct-engine-view{padding:8px}.vip201-gemini #direct-engine-view .px-3{padding-left:4px;padding-right:4px}.vip201-gemini #pg-cabinet .w-\[72px\]{width:64px;height:64px}.vip201-gemini #direct-engine-view .h-20{height:72px}.vip201-gemini #horarios-section .grid-cols-2{gap:5px}}

@media (min-width:1024px) and (max-width:1199px){.vip201-gemini header nav{display:none}}

/* Use a single mobile canvas even in desktop browsers. */
body.vip201-gemini{width:min(100%,450px);max-width:450px;margin-inline:auto}
.vip201-gemini header nav{display:none!important}
.vip201-gemini main>div.grid{grid-template-columns:minmax(0,1fr)!important}
.vip201-gemini main>div.grid>div{grid-column:auto!important}
.vip201-gemini #seo-guide{grid-template-columns:minmax(0,1fr)!important}
.vip201-gemini #seo-guide>*{grid-column:auto!important}
.vip201-gemini>div.fixed.bottom-0{display:flex!important;width:min(100%,450px)}
