/* Account controls inherit the same generated-paper popup as every menu. */
#scr-account .account-sheet{width:min(660px,100%)}
#scr-account h2{margin-bottom:16px}
#scr-account p{font-size:21px;line-height:1.35}
#scr-account form{display:grid;gap:8px}
#scr-account label{font-size:21px;margin-top:7px}
#scr-account input.field{box-sizing:border-box;min-width:0;width:100%;min-height:48px;border:2px solid #766c51;background:#fbf2d7;color:#282b20;font:23px Pixelify,monospace;padding:9px 11px;border-radius:0}
#scr-account input:focus-visible{outline:3px solid #af4b2b;outline-offset:2px}
#scr-account .account-tabs,#scr-account .account-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#scr-account .account-tabs>*{flex:1}
#scr-account .account-auth>.account-actions{display:grid;grid-template-columns:minmax(0,1fr)}
#scr-account .account-tabs [aria-pressed=true]{background:#dfca94;border-color:#825e36;color:#282b20}
#scr-account form .btn{margin-top:8px;min-height:46px}
#scr-account .account-note{font-size:17px;line-height:1.35}
#scr-account .account-checkbox{display:flex;align-items:center;gap:10px;font-size:19px}
#scr-account .account-checkbox input{width:22px;height:22px;flex:0 0 auto;accent-color:#94482c}
#scr-account .account-message{min-height:1.4em;font-size:19px;margin:10px 0}
#scr-account .account-message.is-error{color:#922d23}
#scr-account .recovery-code{user-select:all;overflow-wrap:anywhere;background:#e8d9b0;border:2px solid #8b7751;padding:14px;font:22px monospace;line-height:1.45;letter-spacing:.05em}
#scr-account .account-conflict{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#scr-account .account-conflict>div{background:#e2d2a8;padding:12px;border:1px solid #9a855c}
#scr-account .account-danger{border-color:#8f3327;color:#8f3327}
#scr-account #account-profile-name{font-size:28px;font-weight:bold}
#scr-account .account-back{margin-top:6px}
#scr-account.is-entry{background:#0c171233;backdrop-filter:none}
#scr-account .account-entry-actions{display:grid;gap:12px;margin:22px 0 8px}
#scr-account .account-entry-actions .btn{width:100%;min-height:50px;font-size:22px}
#scr-account .account-google-placeholder{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:12px 0;background:#e1dcc7;border-color:#a8a080;color:#68634e;box-shadow:none;opacity:1;cursor:default}
#scr-account .account-google-placeholder small{font-size:16px;line-height:1.2}
#scr-account [hidden]{display:none!important}
@media(max-height:550px){#scr-account .account-sheet{max-height:94dvh}#scr-account p,#scr-account label{font-size:19px}#scr-account h2{font-size:28px;margin-bottom:8px}#scr-account .account-intro{margin:4px 0}#scr-account .account-tabs{margin:8px 0}}
@media(max-height:550px) and (min-width:600px){
 #scr-account.is-entry .account-sheet{width:min(960px,100%);max-height:calc(var(--game-height,100dvh) - 16px);border-width:30px 24px 28px;border-image-width:30px 24px 28px;padding:8px 16px}
 #scr-account.is-entry .eyebrow{display:none}
 #scr-account.is-entry #account-body.account-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);grid-template-areas:"tabs actions" "form actions" "form google";gap:8px 20px}
 #scr-account.is-entry .account-auth>.account-intro{display:none}
 #scr-account.is-entry .account-auth>.account-tabs{grid-area:tabs;margin:0;align-self:start}
 #scr-account.is-entry .account-auth>#account-form{grid-area:form;gap:4px}
 #scr-account.is-entry .account-auth>.account-actions{grid-area:actions;display:grid;gap:8px;margin:0;align-content:start}
 #scr-account.is-entry .account-auth>.account-google-placeholder{grid-area:google;margin:0;align-self:start;font-size:18px;padding:8px}
 #scr-account.is-entry .account-auth>.account-note{display:none}
 #scr-account.is-entry #account-form label{margin:0;font-size:19px}
 #scr-account.is-entry #account-form input.field{min-height:42px;font-size:21px;padding:6px 9px}
 #scr-account.is-entry #account-form .btn{min-height:42px;margin:0}
 #scr-account.is-entry #account-form .account-note{font-size:16px;margin:2px 0}
 #scr-account.is-entry .account-message:empty{display:none}
}
@media(max-width:480px){#scr-account .account-conflict{grid-template-columns:1fr}#scr-account .account-actions>.btn{flex:1 1 45%}#scr-account .recovery-code{font-size:19px}}