/* The account surface shares the game's palette but owns its layout and scrollport. */
#player-account-open{white-space:nowrap}
#player-account-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:2px solid #c4d1b3;border-radius:24px;background:#fffaf0;color:#35564b;box-shadow:0 22px 80px #243d3966;overflow:hidden;font-family:inherit}
#player-account-dialog[open]{display:flex;flex-direction:column}
#player-account-dialog::backdrop{background:#243c3880;backdrop-filter:blur(4px)}
#player-account-dialog *{box-sizing:border-box}
#player-account-dialog .player-account-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:20px 24px;border-bottom:1px solid #dbe1c9}
#player-account-dialog h2{font-size:23px;line-height:1.4;margin:0}
#player-account-dialog .player-account-eyebrow{font-size:12px;line-height:1.5;color:#7c8b6e;margin:0 0 4px}
#player-account-dialog button{min-height:44px;padding:10px 14px;border:1px solid #cbd5b9;border-radius:12px;background:#fffdf5;color:#35564b;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;white-space:normal}
#player-account-dialog .player-account-close{flex-shrink:0;width:44px;font-size:25px;padding:3px;background:#edf0dd}
#player-account-dialog button:disabled{opacity:.6;cursor:wait}
#player-account-dialog .player-account-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:18px;padding:18px 24px 22px}
#player-account-dialog .player-account-content{display:grid;gap:14px;min-width:0}
#player-account-dialog p{margin:0;line-height:1.7;overflow-wrap:anywhere}
#player-account-dialog .player-account-note{font-size:14px;color:#59704e}
#player-account-dialog .player-account-help{font-size:12px;color:#748266}
#player-account-dialog .player-account-notice{font-size:13px;padding:10px 12px;background:#f4ecd7;border-radius:9px;color:#806641}
#player-account-dialog .player-account-modes,#player-account-dialog .player-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#player-account-dialog .player-account-modes button[aria-pressed="true"]{background:#e1ead3;border-color:#93ac7c;box-shadow:inset 0 -2px #93ac7c}
#player-account-dialog .player-account-form{display:grid;gap:13px}
#player-account-dialog .player-account-field{display:grid;gap:6px;font-size:13px;font-weight:650;line-height:1.5}
#player-account-dialog input{display:block;min-width:0;width:100%;min-height:44px;margin:0;padding:10px 12px;font:inherit;font-size:16px;color:#35564b;background:#fffef9;border:1px solid #c1cfaf;border-radius:10px}
#player-account-dialog input[readonly]{background:#edf0e2;color:#637457}
#player-account-dialog .player-account-primary{background:#4d765e;border-color:#4d765e;color:#fffaf0;font-weight:650}
#player-account-dialog :is(input,button):focus-visible{outline:3px solid #98b47f;outline-offset:2px}
#player-account-dialog .player-account-error{font-size:13px;color:#9e493c;line-height:1.7;margin-top:12px}
#player-account-dialog .player-account-error:empty{display:none}
#player-account-dialog .player-account-name{font-size:19px;font-weight:650}
#player-account-dialog .player-account-progress{display:grid;gap:10px;padding:0;margin:0;list-style:none}
#player-account-dialog .player-account-progress li{min-width:0;padding:13px 15px;border:1px solid #d9dfc7;border-radius:12px;background:#eff2e4}
#player-account-dialog .player-account-progress h3{margin:0 0 7px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
#player-account-dialog .player-account-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:12px;font-variant-numeric:tabular-nums;color:#607451}
@media(max-width:480px){#player-account-dialog{border-radius:19px}#player-account-dialog .player-account-header{padding:16px 18px}#player-account-dialog .player-account-body{padding:16px 18px 20px}}
@media(max-height:550px){#player-account-dialog .player-account-header{padding-top:10px;padding-bottom:10px}#player-account-dialog .player-account-eyebrow{display:none}}