/* One landscape cover from the first HTML paint to the title menu. */
body.lira-loading #game,body.lira-loading #orientationHint,
body.lira-loading #mobileControls{visibility:hidden!important}
#liraLaunch{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
 background:#03070c;color:#eef4fb;font:15px/1.45 system-ui;overflow:hidden}
#liraLaunch[hidden]{display:none!important}
#liraLaunch .lira-launch-cover,#liraMenu .lira3d-title-art{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#03070c}
/* The cover and game use the actual screen, including wide phone displays. */
.lira3d #gameShell{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
#liraLaunch .lira-launch-status{position:absolute;right:max(20px,env(safe-area-inset-right));
 bottom:max(15px,env(safe-area-inset-bottom));width:min(430px,44vw);padding:14px 18px;
 border:1px solid #b6cde342;border-radius:16px;background:#07111de8;box-shadow:0 12px 38px #0007}
#liraLaunch p{margin:0;color:#e2edf8;font-weight:650}
#liraLaunch .lira-launch-home{position:absolute;top:max(15px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));
 color:#edf5ff;text-decoration:none;padding:8px 12px;border:1px solid #ffffff36;border-radius:999px;background:#06101bc9}
#liraLaunch button{min-height:44px;padding:10px 16px;margin-top:10px;border:1px solid #e9cd94;
 border-radius:10px;background:#d3b779;color:#101622;font:750 14px system-ui;cursor:pointer}
#liraLaunch [hidden]{display:none!important}
#liraLaunchError{margin-top:8px!important;font-size:12px;font-weight:450!important;overflow-wrap:anywhere;color:#ffd0c2!important}
#liraLaunchRotate{display:none}
#liraMenu .lira3d-title-art{display:none;pointer-events:none}
#liraMenu.is-title{padding:0!important;overflow:hidden!important;background:#03070c!important;align-items:flex-end!important}
#liraMenu.is-title .lira3d-title-art{display:block}
#liraMenu.is-title::after{content:"";position:absolute;inset:58% 0 0;pointer-events:none;
 background:linear-gradient(transparent,#02081085)}
#liraMenu.is-title .lira3d-menu-content{position:relative;z-index:1;width:100%!important;display:block!important;padding:0!important}
#liraMenu.is-title .lira3d-menu-preview,#liraMenu.is-title .lira3d-brand,
#liraMenu.is-title #liraMenuText,#liraMenu.is-title .lira3d-help,
#liraMenu.is-title .lira3d-edition{display:none!important}
#liraMenu.is-title #liraMenuTitle{position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip-path:inset(50%)}
#liraMenu.is-title .lira3d-menu-panel{display:block!important;padding:0!important}
#liraMenu.is-title .lira3d-menu-actions{position:relative;display:flex!important;flex-wrap:nowrap;
 justify-content:flex-end;margin:0 max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) auto;
 width:max-content!important;max-width:calc(100vw - 48px)!important;gap:8px}
#liraMenu.is-title .lira3d-button{border-radius:12px;min-height:46px;padding:12px 19px;background:#091623ed;border-color:#adc9df80}
#liraMenu.is-title .lira3d-button.primary{width:auto!important;flex:0 1 auto;justify-content:center;background:#dbc18d;color:#101724;border-color:#ffe4ad;box-shadow:0 4px 22px #0007}
#liraMenu.is-title .lira3d-button{white-space:nowrap;flex:0 1 auto}
#liraMenu.is-title #liraStart span{display:none}
#liraMenu.is-title>.game1471-share{top:max(15px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:6}
#liraMenu.is-title .lira3d-home{z-index:2;padding:8px 12px;border-radius:999px;background:#06101bc9;border:1px solid #ffffff36}
@media(orientation:portrait) and (pointer:coarse), (orientation:portrait) and (max-width:900px){
 #liraLaunch .lira-launch-status{left:20px;right:20px;bottom:max(34px,env(safe-area-inset-bottom));width:auto;text-align:center}
 #liraLaunchRotate{display:inline-block}
 #liraMenu.is-title .lira3d-menu-actions{width:calc(100% - 28px)!important;max-width:none!important;margin-right:14px;gap:5px}
 #liraMenu.is-title .lira3d-button{padding:10px 8px;font-size:12px;flex:1 1 auto}
}
@media(orientation:landscape) and (max-height:440px){
 #liraLaunch .lira-launch-status{padding:9px 13px;font-size:13px;bottom:10px;right:14px}
 #liraMenu.is-title .lira3d-menu-actions{margin-right:14px;margin-bottom:12px;gap:6px}
 #liraMenu.is-title .lira3d-button{padding:9px 13px;min-height:42px;font-size:12px}
}