/* Shared illustrated currency/home marks and a clear path back to character creation. */
.coin-icon { display:inline-block; flex:none; width:19px; height:19px; background:url('coin.svg') center/contain no-repeat; vertical-align:-.22em; }
.home-icon { display:inline-block; width:19px; height:19px; vertical-align:-.22em; }
.coin-pill > .coin-icon:first-child { width:21px; height:21px; }
.place-card .coin-icon { width:15px; height:15px; vertical-align:-.24em; }
.place-home .home-icon { width:21px; height:21px; vertical-align:-.24em; }
.nav-tab .home-icon { width:17px; height:17px; vertical-align:-.22em; }
.bank-balances .coin-icon { width:22px; height:22px; }
.home-finances .coin-icon { width:15px; height:15px; }
.portrait-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:13px; }
.profile-name { margin:3px 0 0; font-weight:800; color:#668571; }
.profile-management { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:20px; padding:16px; border:1px solid #ead7c7; border-radius:14px; background:#fff5eb; }
.profile-management strong { display:block; color:#89584b; margin-bottom:4px; }
.profile-management p { margin:0; font-size:13px; }
.profile-management .reset-button { flex:none; border:1px solid #d6a99f; color:#8f514d; background:#fffaf3; }
.profile-management .reset-button:hover { background:#fbe8e0; }
.reset-dialog { width:min(430px,calc(100% - 28px)); max-height:calc(100% - 28px); padding:25px; border:2px solid #dbc5b4; border-radius:22px; background:#fffaf0; box-shadow:0 20px 70px #243c3455; }
.reset-dialog::backdrop { background:#1f352d9c; }
.reset-dialog h2 { font-size:26px; }
.reset-dialog p { font-size:14px; }
.reset-dialog-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:9px; margin-top:22px; }
.reset-confirm { background:#9b5d53; color:#fff; }
.reset-confirm:hover { background:#844a42; }
.cloud-panel { margin:22px 0 4px; padding:18px 21px; border:2px solid #bbd4c2; border-radius:19px; background:#f6fbef; box-shadow:0 5px 0 #e2ebdb; }
.cloud-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.cloud-heading h2 { margin:3px 0; color:#285d71; font-size:22px; }
.cloud-heading > span { color:#527764; font-size:13px; overflow-wrap:anywhere; }
.cloud-panel p { margin:10px 0; color:#526e5d; font-size:14px; }
.cloud-form { margin-top:13px; }
.cloud-form label { display:block; margin-bottom:6px; font-weight:800; font-size:13px; color:#3d6854; }
.cloud-form > div, .cloud-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.cloud-form input { min-width:210px; flex:1; padding:11px 13px; border:1px solid #a9c8b9; border-radius:10px; background:#fffef9; }
.cloud-actions { margin-top:12px; }
.cloud-panel button:disabled { opacity:.55; cursor:wait; }
.save-transfer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:18px; padding:15px 16px; border:1px solid #c6daca; border-radius:14px; background:#f2f9ef; }
.save-transfer strong { display:block; color:#3f6e59; }
.save-transfer p { margin:4px 0 0; font-size:13px; }
.save-transfer > div:last-child { display:flex; flex-wrap:wrap; gap:8px; }
#create-import-save { margin:-8px 0 18px; }
@media(max-width:650px) {
 .status-meters .coin-pill > .coin-icon:first-child { display:inline-block; width:15px; height:15px; }
 .profile-management { align-items:flex-start; flex-direction:column; }
 .reset-dialog-actions { flex-direction:column; }
 .reset-dialog-actions button { width:100%; }
 .cloud-panel { padding:15px; }
 .cloud-form > div { align-items:stretch; flex-direction:column; }
 .cloud-form input { min-width:0; width:100%; flex:auto; }
 .cloud-form button, .cloud-actions button { width:100%; }
 .save-transfer > div:last-child, .save-transfer button { width:100%; }
}