/* A quiet full-height phone entry in Moadhal's existing palette. */
html.app-starting .app,html.app-starting .bottom-nav{visibility:hidden}
.startup-screen{position:fixed;inset:0;margin:auto;width:100%;max-width:480px;height:100dvh;max-height:100dvh;padding:20px;border:0;border-radius:0;background:#090b09;color:#98ff36;overflow:hidden;outline:none}
.startup-screen[open]{display:grid;place-items:center}.startup-screen::backdrop{background:#090b09}
.startup-art{display:block;width:min(100%,450px);height:auto;image-rendering:pixelated;mix-blend-mode:screen}.startup-fallback{width:min(100%,375px);height:auto;image-rendering:pixelated;mix-blend-mode:screen}.startup-screen [hidden]{display:none!important}
.welcome-dialog{position:fixed;inset:0;margin:auto;width:100%;max-width:480px;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:#090b09;color:#edf4e8;overscroll-behavior:contain}
.welcome-dialog::backdrop{background:#090b09}.welcome-shell{min-height:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px))}
.phone-shell{display:flex;flex-direction:column;padding-top:calc(18px + env(safe-area-inset-top,0px));min-height:100%;box-sizing:border-box}
.phone-top{display:flex;direction:rtl;justify-content:space-between;align-items:center;margin-bottom:clamp(42px,8vh,76px)}
.phone-top button{display:grid;place-items:center;background:#141914;border:0;border-radius:50%;width:48px;height:48px;min-height:48px;color:#edf4e8;font-size:28px;cursor:pointer}
.phone-top button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.welcome-dialog .phone-title{font-size:clamp(28px,7.8vw,38px);font-weight:700;line-height:1.5;margin:0 0 32px;letter-spacing:0;text-shadow:none;color:#f1f5ed}
.phone-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
.phone-number-row{display:flex;direction:rtl;gap:10px;align-items:stretch}
.phone-country{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 112px;border:1px solid #394334;border-radius:15px;color:#e5eddf;min-height:64px;font-size:18px;white-space:nowrap;background:#0c110b}
.phone-country .country-flag{font-size:20px}.welcome-dialog .phone-number-row input{flex:1;min-width:0;width:0;margin:0;min-height:64px;background:#0c110b;color:#edf5e7;border:1px solid #43573a;border-radius:15px;padding:14px 16px;font-size:20px;direction:ltr;text-align:left;letter-spacing:1px;box-shadow:none}
.welcome-dialog .phone-number-row input:placeholder-shown{direction:rtl;text-align:right;letter-spacing:0;font-size:18px}.welcome-dialog .phone-number-row input:focus{border-color:#98ff36;outline:1px solid #98ff36;outline-offset:0}
.phone-input-label{font-size:0!important;margin:0!important}
.phone-form-spacer{flex:1;min-height:100px}
.phone-bottom{padding-top:20px}.phone-bottom p{font-size:11px;color:#8e9c84;line-height:1.8;margin:0 0 12px}.phone-bottom a{color:#a3c98b;text-decoration:underline}
.welcome-dialog .phone-bottom .primary{border-radius:999px;min-height:56px;border:0;background:#98ff36;color:#142208;box-shadow:none;font-size:18px;margin:0;font-weight:700;transform:none}
.welcome-dialog .phone-bottom .primary:disabled{background:#222d1c;color:#728365;opacity:1;cursor:default}
.welcome-dialog .phone-bottom .phone-consent{font-size:10px;line-height:1.8;color:#99aa8e;margin:0 0 13px}.welcome-dialog .phone-bottom .phone-consent input{width:16px;min-height:16px;flex:0 0 16px;border:0;margin-top:3px}
.welcome-dialog .phone-bottom .welcome-link{margin:12px auto 0;text-decoration:none;font-size:12px;min-height:40px;padding:8px;color:#a0af94}
.phone-shell #welcome-error{margin:12px 0 0;font-size:12px;line-height:1.7}.phone-shell .phone-code-description{margin:-14px 0 24px;color:#9dac92;font-size:13px;line-height:1.9}.phone-shell .phone-otp{margin:0;border-radius:15px;min-height:72px;border-color:#43573a}.phone-resend{margin:15px 0 0!important;border:0!important;background:none!important;min-height:44px;color:#98ff36!important}
@media(max-height:560px){.phone-top{margin-bottom:24px}.welcome-dialog .phone-title{margin-bottom:20px;font-size:28px}.phone-form-spacer{min-height:30px}.phone-shell{padding-top:12px}.phone-bottom{padding-top:12px}}
@media(max-width:350px){.welcome-shell{padding-inline:18px}.phone-country{flex-basis:96px;font-size:16px}.phone-number-row{gap:7px}.welcome-dialog .phone-number-row input{padding-inline:10px}}

.welcome-dialog{inset:var(--login-top,0px) auto auto 50%;margin:0;transform:translateX(-50%);height:var(--login-height,100dvh);max-height:var(--login-height,100dvh)}

.startup-stage{position:relative;width:min(100%,450px);aspect-ratio:1}.startup-stage .startup-art{width:100%;height:auto}.startup-stage .startup-fallback{position:absolute;left:2.7777778%;top:6.4814815%;width:83.3333333%;height:auto}