#mobile-app-guide{box-sizing:border-box;width:min(100% - 24px,480px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #78a6b755;border-radius:24px;background:#10202c;color:#edf7f6;font:16px/1.5 var(--font-ui,system-ui);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #0009}
#mobile-app-guide::backdrop{background:#060d16ed}
#mobile-app-guide .app-guide-card{padding:28px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
#mobile-app-guide .app-guide-icon{border-radius:16px;display:block;margin-bottom:20px}
#mobile-app-guide .app-guide-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#78d7d0;margin:0 0 10px}
#mobile-app-guide h1{font:400 clamp(30px,8vw,40px)/1.05 var(--font-display,system-ui);letter-spacing:0;margin:0 0 16px;text-transform:none;color:inherit}
#mobile-app-guide .app-guide-intro{color:#c1d3dc;margin:0 0 20px;font-size:15px}
#mobile-app-guide ol{padding-left:24px;margin:0 0 22px;display:grid;gap:13px;font-size:14px}
#mobile-app-guide li{padding-left:7px}#mobile-app-guide li::marker{color:#78d7d0;font-weight:900}
#mobile-app-guide .app-guide-tip{border-top:1px solid #ffffff20;padding-top:16px;margin:0 0 20px;font-size:14px;color:#e6d7a4}
#mobile-app-guide button{width:100%;min-height:48px;border:1px solid #81b5c877;border-radius:12px;padding:12px;font:800 14px var(--font-ui,system-ui);background:#223e4e;color:#f4ffff;cursor:pointer}
#mobile-app-guide .app-install-native{background:#a7e5db;color:#11272e;margin-bottom:14px}
#mobile-app-guide .app-guide-note{font-size:12px;color:#94aebd;text-align:center;margin:12px 0 0}
#mobile-app-guide [hidden]{display:none!important}
.app-guide-link{background:transparent;border:0;color:#edf7f6;text-decoration:underline;text-underline-offset:4px;min-height:44px;font:700 13px var(--font-ui,system-ui);cursor:pointer}
@media(max-height:500px){#mobile-app-guide .app-guide-card{padding-top:18px}.app-guide-icon{float:right}#mobile-app-guide h1{font-size:30px}#mobile-app-guide h1 br{display:none}}
@media(pointer:coarse){
 #ui,#hud{top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}
 #online-panel,#online-deployment{box-sizing:border-box;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}
 #touch-flight #touch-stick{left:max(14px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom))}
 #touch-flight .tf-throttle{left:calc(175px + env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
 #touch-flight .tf-weapons{right:max(12px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}
 #touch-flight .tf-control-options{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));max-height:calc(100dvh - 110px);overflow:auto}
}
@media(pointer:coarse) and (max-width:560px){#touch-flight .tf-throttle{left:calc(145px + env(safe-area-inset-left))}}

.app-standalone [data-app-install]{display:none!important}
@media(display-mode:standalone){[data-app-install]{display:none!important}}