/* BLUE8: one mobile appearance for desktop and phone; styles of admin retained. */
@media screen and (min-width:768px){
 html,body{overflow-x:hidden}
 body{background:#edf3fc}
 .site-shell,.activities-page,.support-page,.account-page,.recharge-page{box-sizing:border-box!important;width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;min-height:100dvh}
 .site-shell main,.site-shell .header-inner,.site-shell .appbar-inner{box-sizing:border-box!important;width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}
 .site-shell .mobile-nav,.activities-nav{box-sizing:border-box!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important}
 .site-shell .appbar{background:#fff!important}
 .site-shell .appbar-inner{box-sizing:border-box!important;height:58px!important;min-height:58px!important;max-width:430px!important;padding:4px 13px!important;gap:8px!important;display:flex!important;align-items:center!important}
 .site-shell .appbar-inner>.close{flex:0 0 auto!important;padding:3px!important;color:#a3abba!important}
 .site-shell .appbar-inner>.brand-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:10px!important}
 .site-shell .appbar-text{display:flex!important;flex:1 1 auto!important;min-width:0!important;gap:1px!important;flex-direction:column!important}
 .site-shell .appbar-text b{font-size:17px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .site-shell .appbar-text span{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .site-shell>header{display:block!important;position:relative!important;top:auto!important;box-shadow:none!important;background:linear-gradient(90deg,#d9f4ff,#adeaff)!important}
 .site-shell .header-inner{height:46px!important;max-width:430px!important;padding:0 15px!important;display:flex!important;align-items:center!important}
 .site-shell .header-inner nav,.site-shell .header-inner .header-actions{display:none!important}
 .site-shell .header-inner .logo{display:flex!important;align-items:center!important;gap:4px!important;font-size:16px!important;white-space:nowrap!important}
 .site-shell .header-inner .brand-logo-image{height:25px!important;max-height:27px!important;max-width:32px!important;object-fit:contain!important}
 .site-shell .scrolling-announcement{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:5px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:7px 12px!important;border-radius:0!important;overflow:hidden!important;font-size:13px!important}
 .site-shell .scrolling-announcement .ticker-window{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important}
 .site-shell .footer-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 5px!important}
 .site-shell .footer-shortcuts button{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}
 .site-shell .footer-shortcuts img{height:42px!important;width:42px!important;object-fit:contain!important}
 .site-shell .floating-notice{right:max(12px,calc((100vw - 430px)/2 + 12px))!important}
 .auth-dialog{width:100%!important;max-width:430px!important}
 .auth-poster{display:none!important}
 .auth-dialog{grid-template-columns:1fr!important}
}
/* Explicit dimensions for absolutely positioned slide artwork. Prevent zero-height carousel in desktop layout. */
.site-shell .stable-carousel,
.site-shell .hero.image-only-hero.stable-carousel{display:block!important;position:relative!important;width:100%!important;box-sizing:border-box!important;aspect-ratio:2.65 / 1!important;height:auto!important;min-height:120px!important;padding:0!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#e5f4ff!important}
.site-shell .stable-carousel .hero-image-link{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
.site-shell .stable-carousel .hero-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
/* Override historical CSS which hid or replaced the editable brand logo. */
.site-shell .blue8-top-brand-icon{display:grid!important;place-items:center!important;background:none!important;background-image:none!important;overflow:hidden!important;font-size:14px!important}
.site-shell .blue8-top-brand-icon::before,.site-shell .blue8-top-brand-icon::after{content:none!important;display:none!important}
.site-shell .blue8-top-brand-icon img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.blue8-account-pending .account-card{display:none!important}