/* Keep the login separate from the movable in-game HUD. */
body.lulo-login-open{overflow:auto!important;height:auto!important;min-height:100dvh;padding:0!important;}
body.lulo-login-open>:not(#loginOverlay):not(script):not(style):not(link){display:none!important;}
body.lulo-login-open #loginOverlay{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;min-height:100dvh;height:auto!important;padding:24px 14px calc(24px + env(safe-area-inset-bottom))!important;box-sizing:border-box;overflow:visible!important;background:#101e28!important;}
body.lulo-login-open .login-card{box-sizing:border-box;width:100%!important;max-width:430px!important;max-height:none!important;margin:0!important;padding:22px!important;overflow:visible!important;}
#loginOverlay input:not([type=checkbox]),#loginOverlay .lbtn{box-sizing:border-box;width:100%;min-height:46px;font-size:16px!important;}
#loginOverlay input[type=checkbox]{appearance:auto!important;width:18px!important;height:18px!important;min-width:18px;}
#loginOverlay .lc-demo-warn{font-size:12px!important;line-height:1.6!important;padding:10px!important;}
#loginOverlay h2{font-size:22px!important;line-height:1.4!important;}
#loginOverlay .lc-credit{font-size:11px;overflow-wrap:anywhere;}
#authErr{white-space:normal;overflow-wrap:anywhere;line-height:1.6;}
#luloBuildStatus,#opsTrafficBanner,#visualCompare{display:none!important;}
#gmPanelOv #luloBuildStatus{display:block!important;position:static!important;max-width:100%!important;text-align:left!important;font-size:11px!important;padding:6px!important;}
.gm-diagnostics{font:12px/1.6 sans-serif;margin-top:12px;border-top:1px solid #65736d;padding-top:8px;}
@media(max-width:640px){
 body.pixel-ui:not(.lulo-login-open){padding:6px 6px calc(16px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
 body.pixel-ui #pixelStage{width:100%;display:flex!important;flex-direction:column!important;}
 body.pixel-ui #pixelSidebar{order:2;}
 body.pixel-ui #frame{order:1;width:100%!important;max-width:100%!important;}
 body.pixel-ui #pixelSidebar .hud-btns{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
 body.pixel-ui #pixelSidebar .hbtn{min-height:38px;font-size:11px!important;}
 body.pixel-ui #hintBox{display:none!important;}
 body.pixel-ui #pixelActions{width:100%!important;margin:8px 0!important;padding:4px 0 4px 96px!important;min-height:122px;}
 body.pixel-ui #pixelActions #btnZone{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;}
 body.pixel-ui #pixelActions #joyZone{width:84px!important;height:84px!important;left:2px!important;top:26px!important;}
 body.pixel-ui #pixelActions .tbtn{width:44px!important;height:44px!important;min-width:0!important;font-size:11px!important;}
 body.pixel-ui #pixelActions .surv-col{display:flex!important;gap:5px!important;}
 body.pixel-ui #pixelUtility{margin:6px 0!important;width:100%!important;gap:6px!important;}
 body.pixel-ui #pixelUtility #quickPad{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%!important;}
 body.pixel-ui #pixelUtility #quickPad>div{min-width:0!important;width:auto!important;font-size:12px!important;}
 body.pixel-ui #pixelUtility #potionBar{width:100%!important;}
 body.pixel-ui #pixelUtility #potionBar>div{min-width:0!important;font-size:11px!important;}
 .gmodal,.ops-modal{padding:8px!important;box-sizing:border-box;}
 .gmodal .gcard,.ops-modal .ops-card{box-sizing:border-box;max-width:100%!important;width:100%!important;max-height:90dvh!important;overflow:auto!important;}
 #gmGiftModal input,#gmGiftModal select{min-width:0;max-width:100%;font-size:16px!important;}
}

#gmAwardFields[hidden]{display:none!important}#gmAwardFields label{display:grid;gap:4px}#gmAwardFields input,#gmAwardFields select{width:100%;box-sizing:border-box;padding:8px;}

body.pixel-ui.lulo-login-open #pixelStage,body.pixel-ui.lulo-login-open #pixelActions,body.pixel-ui.lulo-login-open #pixelUtility,body.pixel-ui.lulo-login-open #pixelFeed,body.pixel-ui.lulo-login-open #btnZone,body.pixel-ui.lulo-login-open #joyZone,body.pixel-ui.lulo-login-open #questTracker,body.pixel-ui.lulo-login-open .panels,body.pixel-ui.lulo-login-open #mPanelTab{display:none!important;}

@media(max-width:640px){body.pixel-ui:not(.hud-menu-open) #pixelSidebar .hud-btns{display:none!important;}body.pixel-ui #pixelUtility #quickPad .qp-btn{flex:1 1 0!important;width:auto!important;min-width:0!important;}body.pixel-ui #pixelUtility #quickPad{display:flex!important;flex-wrap:nowrap!important;}body.pixel-ui #pixelUtility #quickPad .qp-ctrl{display:none!important;}}

@media(max-width:640px){body.pixel-ui #pixelUtility #quickPad>#qpGrip{display:none!important;}body.pixel-ui #pixelUtility #quickPad>div[onclick]{flex:1 1 0!important;min-width:44px!important;height:48px!important;}body.pixel-ui #pixelActions .tbtn small{font-size:9px!important;}}