/* Shared, readable account screens for both game worlds. */
body .account-page{--account-bg:#fff;--account-ink:#292238;--account-muted:#625b70;--account-border:#ded8e9;--account-accent:#6541a5;padding:150px 0 70px;position:relative}
body[data-world="pc"] .account-page{--account-bg:#fffaf2;--account-ink:#392c26;--account-muted:#6e5d52;--account-border:#e6d6c6;--account-accent:#87492c}
body .account-shell{max-width:1000px}
body .account-page :is(h1,h2,p,span,a,button,label){text-shadow:none;-webkit-text-stroke:0;letter-spacing:normal}
body .account-page h1{font:600 clamp(30px,5vw,44px)/1.15 var(--font-body);margin:10px 0 14px}
body .account-heading>p{font:400 17px/1.6 var(--font-body);margin:0 0 24px;color:var(--fg)}
body .account-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
body .account-shortcuts a{display:flex;align-items:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid var(--line);font:600 15px/1.4 var(--font-body);color:var(--fg);background:var(--surface)}
body .account-shortcuts .is-current{background:var(--account-bg);color:var(--account-accent);border-color:var(--account-bg)}
body .account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body .account-card,body .account-page .auth-panel{padding:30px;border:1px solid var(--account-border);border-radius:22px;background:var(--account-bg);color:var(--account-ink);box-shadow:0 8px 24px #0000000a}
body .account-card h2{font:600 23px/1.3 var(--font-body);color:var(--account-ink);margin:10px 0}
body .account-card p{font:400 16px/1.65 var(--font-body);color:var(--account-muted);margin:10px 0 22px;overflow-wrap:anywhere}
body .account-label{font:600 12px/1.5 var(--font-body);color:var(--account-muted);letter-spacing:.06em}
body .account-identity{grid-column:1/-1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
body .account-avatar{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:22px;background:var(--account-accent);color:#fff;font:600 32px var(--font-body)}
body .account-person{min-width:0;flex:1}
body .account-person h2{overflow-wrap:anywhere;margin:4px 0}
body .account-person p{margin:0 0 10px}
body .account-verification{display:inline-block;padding:5px 10px;border-radius:8px;background:#e9f2e8;color:#305233;font:500 13px/1.4 var(--font-body)}
body .account-confirm{flex-basis:100%;border-top:1px solid var(--account-border);padding-top:12px}
body .account-actions{display:flex;gap:12px;flex-wrap:wrap}
body .account-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;font:600 15px/1.4 var(--font-body);border:1px solid var(--account-accent);border-radius:12px;background:var(--account-accent);color:#fff;box-shadow:none;transform:none;white-space:normal}
body .account-page .btn.ghost{background:transparent;color:var(--account-accent)}
body .account-page .btn:disabled{opacity:.55}
body .account-card .account-hint{font-size:13px;margin:14px 0 0}
body .account-text-link{color:var(--account-accent);text-decoration:underline;text-underline-offset:4px;font-weight:600}
body .account-feedback:empty{display:none}
body .account-feedback:not(:empty){padding:18px;border-radius:12px;background:var(--account-bg);color:var(--account-ink)}
body .auth-page .account-shell{max-width:520px}
body .account-page .auth-panel{max-width:none;margin-top:24px!important}
body .auth-panel .field label{font:600 14px/1.5 var(--font-body);color:var(--account-ink)}
body .auth-panel .field input{background:var(--account-bg);color:var(--account-ink);border:1px solid var(--account-border);border-radius:10px;padding:13px;font:400 16px/1.5 var(--font-body);width:100%}
body .auth-panel>button{width:100%}
body .auth-panel p,body .auth-panel .note{font:400 14px/1.7 var(--font-body);color:var(--account-muted)}
body .auth-panel p a{color:var(--account-accent);text-decoration:underline;text-underline-offset:3px}
body .auth-panel #auth-status:empty{display:none}
body .account-page :is(a,button,input):focus-visible{outline:3px solid var(--account-accent);outline-offset:4px}
@media(max-width:650px){body .account-page{padding-top:130px}body .account-grid{grid-template-columns:1fr}body .account-card,body .account-page .auth-panel{padding:22px}body .account-identity{gap:16px}body .account-actions .btn{flex:1}body .account-shortcuts a{flex:1;padding:10px 12px;text-align:center;justify-content:center}}