.account-entry{margin-top:20px;padding-top:17px;border-top:1px solid #c8b07735;display:grid;gap:10px}
.account-entry .account-entry-actions{display:flex;flex-wrap:wrap;gap:8px}
.account-entry p{margin:0;color:#bbcec2;font-size:12px;line-height:1.65}
.account-entry button,.account-panel button{min-width:44px;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.account-entry button:focus-visible,.account-panel button:focus-visible{outline:2px solid #ffe4a0;outline-offset:3px}
.account-panel{display:grid;gap:16px;min-width:0}
.account-panel [hidden]{display:none!important}
.account-panel .account-copy,.account-panel .account-hint,.account-panel .account-status,.account-panel .account-error{margin:0;line-height:1.75;overflow-wrap:anywhere}
.account-panel .account-copy{color:#d7e1d6;font-size:14px}
.account-panel .account-hint{color:#adbfaf;font-size:12px}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.account-heading>div{min-width:0;display:grid;gap:5px}
.account-heading strong{font-size:20px;line-height:1.4;overflow-wrap:anywhere;color:#f4e3b8}
.account-eyebrow{font-size:11px;color:#becfbd;letter-spacing:.08em}
.account-slot-count{flex-shrink:0;font-size:12px;color:#e2d0a0}
.account-character-list{display:grid;gap:9px;min-width:0}
.account-character{display:flex;align-items:center;gap:12px;padding:12px;text-align:left;border:1px solid #b8a06a55;background:#1a3037;color:#ecedde;border-radius:3px;min-width:0;width:100%;cursor:pointer}
.account-character:hover:not(:disabled){background:#2b4347;border-color:#d4ba79}
.account-character svg{width:44px;height:44px;flex:0 0 44px}
.account-character>span{display:grid;gap:4px;flex:1;min-width:0}
.account-character strong{font-size:15px;overflow-wrap:anywhere;line-height:1.5}
.account-character small{font-size:12px;color:#c0d0c2;line-height:1.6}
.account-character>b{font-size:12px;font-weight:500;color:#f0d7a1;flex-shrink:0}
.account-empty{padding:18px 12px;margin:0;border:1px solid #b8a06a35;color:#becfc3;text-align:center;line-height:1.7}
.account-guest{padding:15px;border:1px solid #b8a06a44;background:#142a304d;display:grid;gap:7px;min-width:0}
.account-guest h3{margin:0;color:#dfc58e;font-size:13px}
.account-guest>strong{font-size:16px;overflow-wrap:anywhere}
.account-guest>span{font-size:12px;color:#bdcebd}
.account-guest p{font-size:12px;line-height:1.75;margin:2px 0 7px;color:#c2d0c4}
.account-actions{display:flex;flex-wrap:wrap;gap:8px}
.account-actions>button{flex:1 1 160px}
.account-status{padding:10px 12px;border-left:3px solid #bbaa74;background:#c5ad6610;color:#ede0bb;font-size:13px}
.account-error{padding:10px 12px;border-left:3px solid #d6a081;background:#ad594510;color:#ffd6bc;font-size:13px}
.account-panel button:disabled,.account-entry button:disabled{cursor:default;opacity:.58}
.modal:has(.account-panel) .modal-head button{min-width:44px;min-height:44px}
@media(max-width:650px){
  .account-entry .account-entry-actions{display:grid;grid-template-columns:1fr}
  .account-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .account-character{gap:9px;padding:10px}
  .account-character strong{font-size:14px}.account-character>b{font-size:11px}
  .account-character svg{width:38px;height:38px;flex-basis:38px}
  .account-actions>button{flex-basis:100%}
  .account-panel .account-copy{font-size:13px}
}