#archive-overlay[hidden]{display:none!important}
#archive-overlay{position:fixed;inset:0;z-index:99999;background:rgba(20,14,9,.78);display:grid;place-items:center;padding:18px;overflow:auto}
#archive-panel{background:#efe0bb;color:#392817;border:3px double #8d6339;border-radius:12px;box-shadow:0 12px 50px #0009,inset 0 0 30px #ae87462b;padding:28px;width:min(480px,100%);font-family:Georgia,serif}
#archive-panel h2{font-size:1.65rem;margin:0 0 12px;color:#603c22}
#archive-panel p{white-space:pre-line;line-height:1.5;margin:0 0 16px}
#archive-panel label{display:block;font-weight:bold;margin:12px 0}
#archive-panel input{display:block;box-sizing:border-box;width:100%;padding:11px;margin-top:5px;border:1px solid #a38763;background:#fff9e9;color:#352515;border-radius:5px;font:inherit}
.archive-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.archive-actions button,#archive-manage,#archive-logout{border:1px solid #94734c;border-radius:6px;background:#e4d1a8;color:#422c17;padding:9px 12px;cursor:pointer;font:inherit}
.archive-actions button.archive-primary{background:#704324;color:#fff3dc}
.archive-locked .site-header,.archive-locked main,.archive-locked footer{visibility:hidden;pointer-events:none}
.archive-viewer input:not(#archive-panel input),.archive-viewer textarea:not(#archive-panel textarea),.archive-viewer select:not(#archive-panel select){pointer-events:none!important}
.archive-viewer .book button:not(.nav-button){pointer-events:none!important}
#archive-account{font-size:.78rem;opacity:.85}

#archive-switch,#archive-profile{border:1px solid #94734c;border-radius:6px;background:#e4d1a8;color:#422c17;padding:9px 12px;cursor:pointer;font:inherit}
#archive-panel .archive-character-list{display:grid;gap:9px;margin:12px 0;max-height:50vh;overflow:auto}
#archive-panel .archive-character-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #9d805b;background:#fff5de;color:#3c2816;padding:12px;border-radius:6px;cursor:pointer;font:inherit}
#archive-panel .archive-character-list small{font-size:.8em;color:#765b3b}

/* Compact, parchment-styled account and character actions menu */
.save-controls{position:relative}
.archive-menu-wrap{position:relative;flex-shrink:0}
#archive-menu-toggle{border:1px solid #94734c;border-radius:6px;background:#e4d1a8;color:#422c17;padding:9px 12px;cursor:pointer;font:inherit;white-space:nowrap}
#archive-menu[hidden]{display:none!important}
#archive-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:2000;width:min(290px,85vw);max-height:min(75vh,650px);overflow-y:auto;background:#efe0bb;border:2px solid #94734c;border-radius:9px;box-shadow:0 12px 32px #0007;padding:7px;display:flex;flex-direction:column;gap:2px}
#archive-menu button{width:100%;text-align:left;border:0;border-radius:5px;background:transparent;color:#422c17;padding:11px 12px;font:inherit;cursor:pointer}
#archive-menu button:hover,#archive-menu button:focus-visible{background:#dcc59a;outline:1px solid #94734c}
#archive-menu button:disabled{opacity:.45;cursor:not-allowed}
.archive-menu-divider{border-top:1px solid #a88b66;margin:5px 6px}
@media(max-width:600px){#archive-account{display:none}#archive-menu{right:0}}