#auth .auth-ios-card{margin-top:10px;background:linear-gradient(110deg,#23465ce8,#102e3ee8);border-color:#b9dcea6b}
#auth .auth-ios-card .auth-phone-icon{font:bold 10px Arial,sans-serif;border-color:#c5e1ea;color:#e1f3ff}
.iphone-install{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #b7d6b8;border-radius:18px;background:#10362d;color:#fff6d9;box-shadow:0 20px 80px #0008;font:16px/1.6 Arial,sans-serif}
.iphone-install::backdrop{background:#031b19d9}
.iphone-install h2{font-size:25px;line-height:1.25;margin:0 0 14px}
.iphone-install p{color:#cce0d7}.iphone-install ol{padding-left:23px}.iphone-install li{margin:12px 0}
.iphone-install a{color:#f0dca0}.iphone-install form{margin-top:20px}
.iphone-install button{width:100%;min-height:48px;border:1px solid #f0dca0;border-radius:8px;background:#e8ce88;color:#14372c;font:700 15px Arial,sans-serif;cursor:pointer}
.iphone-install :focus-visible{outline:3px solid #fff1b7;outline-offset:4px}
@media(display-mode:standalone){html{background:#092f26}body{overscroll-behavior-y:none}#auth{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}}
#mobile-browser-screen{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10001;max-width:112px;min-height:36px;padding:5px 10px;border:1px solid #62d7f3;border-radius:7px;background:#092231ed;color:#ddf9ff;font:700 11px system-ui;cursor:pointer;touch-action:manipulation}
#mobile-browser-screen[hidden]{display:none!important}
.mobile-browser-guide{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #62d7f3;border-radius:12px;background:#0b202f;color:#e6f7ff;box-shadow:0 20px 80px #0009;font:15px/1.55 system-ui}
.mobile-browser-guide::backdrop{background:#000b}.mobile-browser-guide h2{font-size:21px;line-height:1.25;color:#7ceaff;margin:0 0 16px}.mobile-browser-guide ol{padding-left:22px}.mobile-browser-guide li{margin:12px 0}.mobile-browser-guide button{width:100%;min-height:42px;margin-top:8px;border:1px solid #62d7f3;border-radius:6px;background:#17455b;color:#fff;font:700 14px system-ui}.mobile-browser-guide button[hidden]{display:none}.mobile-browser-guide .browser-guide-close{background:transparent}.mobile-browser-guide :focus-visible,#mobile-browser-screen:focus-visible{outline:2px solid #ffe18b;outline-offset:2px}
#screen:has(#battle:not([hidden])) #mobile-browser-screen,body:has(dialog[open]) #mobile-browser-screen{display:none!important}
