/* Saves & backups (src/party/hub.js): a paper page over the game, in the game's colours */
.party-dialog { color: #3b2a2e; background: #fbf1dc; border: 3px solid #5a3b2a; box-shadow: 0 0 0 3px #c9a77c inset, 4px 5px 0 #14121c99; padding: 20px 22px; width: min(600px,calc(100vw - 48px)); max-height: calc(100dvh - 72px); font: 14px/1.55 ui-monospace,Menlo,Consolas,monospace; touch-action: auto; }
.party-dialog::backdrop { background: #100c1bcc; }
.party-dialog header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.party-dialog h2 { margin: 0; font-size: 20px; color: #8a5234; letter-spacing: 1px; }
.party-dialog h3 { margin: 0 0 6px; color: #8a5234; font-size: 15px; }
.party-dialog section { border-top: 2px dashed #c9a77c; padding: 14px 0 6px; margin-top: 12px; }
.party-dialog p { color: #7a6060; margin: 6px 0; }
.party-dialog button { color: #fff7e6; background: #8e5d3e; border: 2px solid #3b2a22; box-shadow: 0 2px #3b2a22; padding: 8px 14px; margin: 5px 8px 5px 0; font: bold 14px/1.3 ui-monospace,Menlo,Consolas,monospace; cursor: pointer; }
.party-dialog button:hover, .party-dialog button:focus-visible { background: #a8703f; }
.party-dialog button:disabled { opacity: 0.5; cursor: default; }
.party-dialog label { display: block; margin: 10px 0; color: #3b2a2e; }
.party-dialog input { display: block; box-sizing: border-box; width: 100%; color: #3b2a2e; background: #fff8ea; border: 2px solid #8e5d3e; border-radius: 0; padding: 9px; margin: 6px 0; font: 14px/1.4 ui-monospace,Menlo,Consolas,monospace; user-select: text; }
.hub-notice { color: #3f8a4a !important; min-height: 1.4em; }
.hub-notice.error { color: #a8483a !important; }
.party-dialog :focus-visible { outline: 3px solid #e0a526; outline-offset: 2px; }
@media(max-width:600px) { .party-dialog { padding: 12px; } }