/* 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 .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}
#scr-account .account-google-control{display:flex;align-items:center;justify-content:center;grid-column:1/-1;min-width:0;min-height:44px;overflow:hidden}
#scr-account .account-google-control .account-google-placeholder{margin:0;min-height:44px}
#scr-account .account-recover-link{display:flex;align-items:center;min-height:44px;font-size:19px;line-height:1.2;color:#743b27;text-decoration:underline}
#account-open{display:flex;align-items:center;justify-content:center;gap:7px}
@media(max-width:480px){#account-open #account-label{display:none}}
body[data-menu-tiny=true] #scr-account:not(.account-auth-layout) .menu-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px;padding-top:4px}
body[data-menu-tiny=true] #scr-account:not(.account-auth-layout) .menu-panel{border-width:16px;border-image-width:16px;padding:4px}
body[data-menu-tiny=true] #scr-account:not(.account-auth-layout) .menu-panel-header h2{margin-bottom:0}
body[data-menu-tiny=true] #scr-account:not(.account-auth-layout) .menu-panel-actions .btn{padding:5px;overflow-wrap:anywhere;white-space:normal}
@media(min-width:550px){body[data-menu-short=true] #scr-account:not(.account-auth-layout) .menu-panel-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@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%}}
.account-google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px}
.account-google-button svg{flex:none;image-rendering:pixelated}

/* The reminder's two choices fill one equal-width row below Google. */
#scr-account .menu-panel-actions:has(#account-google-later){grid-template-columns:repeat(2,minmax(0,1fr))}

/* ACCOUNT MENU CLOSE START */
/* Automatic saves leave only account management actions in this sheet. */
#account-save{display:none!important}
#scr-account .account-profile-summary #account-profile-name{margin-bottom:6px;overflow-wrap:anywhere}
#scr-account .account-profile-summary #account-save-state{font-size:19px;color:#59624f;margin-bottom:16px}
#scr-account .account-profile-facts{display:grid;gap:8px;margin:0 0 6px;padding-top:12px;border-top:1px solid #c4b591}
#scr-account .account-profile-facts p{font-size:19px;margin:0}
#scr-account:has(#account-profile-name) .menu-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#scr-account #account-google-link,#scr-account #account-reauth{grid-column:1/-1}
#scr-account #account-reauth{order:-1}
#scr-account #account-google-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:#af4d26;border-color:#75351f;color:#fff1d3;font-weight:700}
#scr-account #account-google-link:hover{background:#c15b2e}
#scr-account #account-google-link svg{flex:none;image-rendering:pixelated}
/* ACCOUNT MENU CLOSE END */