body.driver-account-page{min-height:100dvh;background:linear-gradient(110deg,#081c19f5,#0b211bb8),url(/assets/menu-mountain.webp) center/cover fixed;color:#e6eee6}.driver-account-page .account-card{max-width:560px;margin:clamp(24px,7vh,90px) auto;padding:clamp(24px,5vw,48px);background:#112c25e8;border:1px solid #b9d7cb26;border-radius:20px;box-shadow:0 24px 80px #0005}.driver-account-page .account-card h1{font-size:clamp(28px,5vw,44px);line-height:1.1;letter-spacing:-.04em}.driver-account-page .account-card input{min-height:46px;border-radius:9px}.driver-account-page .portal-header{background:transparent}.signin-invitation{display:grid;gap:14px;max-width:520px;padding:clamp(24px,5vw,44px);margin:24px auto;background:linear-gradient(135deg,#17392f,#10271f);border:1px solid #bfd4bd26;border-radius:18px;text-align:left}.signin-invitation strong{font-size:28px;color:#edf2e5}.signin-invitation small{letter-spacing:.16em;color:#c9b875}.signin-invitation a{justify-self:start;padding:12px 22px;border-radius:8px;background:#d0b474;color:#17251d;text-decoration:none;font-weight:700}.signin-invitation a:focus-visible{outline:2px solid #eef5da;outline-offset:4px}

/* The embedded login owns its scrolling; the game's mobile screens are untouched. */
body.account-embedded{min-height:100%;background:#10271f;padding:0 20px 24px}
.account-embedded .portal-header,.account-embedded .footnote{display:none}
body.account-embedded .account-card{width:100%;max-width:520px;margin:0 auto;padding:24px 0;background:transparent;border:0;box-shadow:none}
@media(max-width:760px){
 body.driver-account-page{background-attachment:scroll}
 .driver-account-page:not([data-account=profile]) .account-card{width:calc(100% - 32px);margin:16px auto;padding:24px 20px;border-radius:16px;box-shadow:none}
 .driver-account-page .account-card input{width:100%;min-width:0;min-height:48px;font-size:16px;scroll-margin-block:20px}
 .driver-account-page .account-card h1{font-size:30px;line-height:1.12}
 .driver-account-page .account-card .text-actions{display:flex;flex-wrap:wrap;gap:8px}
 .driver-account-page .text-actions button{flex:1 1 140px;min-height:44px;padding:10px 8px;font-size:13px}
 .driver-account-page .account-card form>.primary{width:100%;min-height:48px}
 .driver-account-page .portal-header{flex-wrap:wrap;gap:12px;padding:16px}
 body.account-embedded{padding:0 max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
 body.account-embedded:not([data-account=profile]) .account-card{width:100%;margin:0;padding:20px 0;border:0;border-radius:0}
}