/* Account screens use a compact hierarchy and explicit connection states. */
#authDialog,#profileDialog,#walletLinkDialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:28px;background:#171714;border:1px solid #62583b;border-radius:14px;box-shadow:0 20px 80px #0008;overflow:auto;color:#f4efdf}
.account-dialog .close-help{top:14px;right:14px;width:36px;height:36px;font-size:28px;border-radius:8px;color:#aaa79a}
.account-dialog .close-help:hover{background:#ffffff0b;color:#fff}
.account-modal-heading{margin-bottom:24px;padding-right:22px}
.account-modal-heading .eyebrow{font-size:10px;letter-spacing:1.2px;color:#c6b986}
.account-dialog .account-modal-heading h2{font-size:30px;line-height:1.2;margin:8px 0 10px;font-weight:700;text-transform:none}
.account-modal-heading p{font-size:14px;line-height:1.5;color:#b4b1a4;margin:0}
.account-modal-heading p strong{font-weight:400;color:#ede6d2}
.account-dialog .x-sign-in{box-sizing:border-box;min-height:52px;background:#f0ede3;color:#191916;border:1px solid #f0ede3;border-radius:9px;padding:12px 16px;gap:12px}
.account-dialog .x-sign-in strong{font:700 16px var(--body);letter-spacing:0}
.account-dialog .x-sign-in small:empty{display:none}
.account-dialog .x-sign-in small{color:#5d584b;border-color:#19191625;font-size:8px}
.account-dialog .x-sign-in:hover{background:#fffbed}
.account-dialog .wallet-section-label{margin:0 0 10px;font-size:10px;color:#a9a595;letter-spacing:.8px}
.account-dialog .wallet-section-label button{font-size:12px;color:#d9cb93;padding:6px 0;min-height:32px}
.account-dialog .wallet-options{gap:9px}
.account-dialog .wallet-option{box-sizing:border-box;min-height:58px;padding:10px 14px;background:#20201b;border:1px solid #ffffff15;border-radius:9px;gap:12px;color:#ede9da}
.account-dialog .wallet-option strong{font:700 16px var(--body);letter-spacing:0}
.account-dialog .wallet-option:hover{background:#28261d;border-color:#d4bd625e}
.account-dialog .wallet-badge{width:34px;height:34px;flex-shrink:0;background:none;border-radius:9px;font-size:18px}
.wallet-badge img{width:34px;height:34px;object-fit:contain;border-radius:9px}
.account-dialog .wallet-arrow{font-size:18px}
.account-dialog .wallet-empty{padding:14px;font-size:13px;line-height:1.5;border:1px solid #ffffff0b;background:#20201b;color:#aaa798;border-radius:9px}
.account-dialog .wallet-setup{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.wallet-setup a{display:flex;align-items:center;gap:8px;padding:10px;background:#20201b;border:1px solid #ffffff15;border-radius:8px;color:#ddd9ca;font-size:12px;text-decoration:none}
.wallet-setup a:hover{border-color:#a69a67}
.wallet-setup img{width:24px;height:24px;flex-shrink:0;border-radius:6px}
.wallet-setup a>span:last-child{margin-left:auto;color:#b6ad88}
.account-dialog .auth-divider{font-size:9px;letter-spacing:.8px;margin:22px 0 14px;color:#959183}
.account-dialog .account-note{font-size:12px;line-height:1.5;color:#a9a595;margin:14px 0 0}
.account-dialog .auth-status{font-size:13px;line-height:1.5;margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#a8ce6c0b;color:#c8e59e;min-height:0}
.account-dialog .auth-status.error{background:#ff976b0b;color:#ffb897}
.account-dialog .auth-status:empty{display:none}
.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0e;padding-top:15px;margin-top:22px;color:#989485;font-size:12px}
#authGuest{width:auto;margin:0;padding:8px 0;font-size:13px;letter-spacing:0;color:#e3d8ae}
.account-back{background:none;border:0;color:#d8cda6;font:400 13px var(--body);padding:8px 0;margin:0 0 16px;min-height:32px}
.profile-dialog .profile-identity{margin:0;gap:7px;font-size:13px;color:#dfd9c5}
.profile-dialog .profile-identity>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dialog .profile-identity>span:last-child{margin-left:4px;font-size:11px;letter-spacing:0;color:#92b776;white-space:nowrap}
.profile-dialog label{font-size:10px;letter-spacing:.8px;margin:0 0 9px;color:#aaa595}
.profile-name-row{display:flex;gap:8px}
.profile-dialog .profile-name-row input{flex:1;min-width:0;padding:12px 13px;font:400 15px var(--body);border-radius:8px;background:#0e0e0c;border:1px solid #ffffff1c;box-sizing:border-box}
.profile-dialog .profile-name-row input:focus{outline:2px solid #dcc56870;outline-offset:1px}
.profile-dialog .profile-name-row .primary-button{width:auto;margin:0;padding:10px 17px;min-height:46px;font-size:14px;border:0;border-radius:8px;box-shadow:none}
.profile-accounts{margin-top:24px}
.profile-accounts h3{margin:0 0 12px;font:700 15px var(--body);color:#e5e0cf;letter-spacing:0}
.profile-account{padding:16px;border:1px solid #ffffff12;border-radius:10px;background:#20201b;margin-top:10px}
.profile-account-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.profile-account-heading>.ui-icon{width:20px;height:20px;flex-shrink:0}
.profile-account-heading>strong{font-size:14px}
.connection-state{margin-left:auto;font-size:10px;padding:4px 7px;border-radius:5px;background:#ffffff06;color:#a29d8d;border:1px solid #ffffff0c}
.connection-state.is-linked{color:#b8dca0;background:#94c9780b;border-color:#94c97828}
#profileWallet{display:block;overflow-wrap:anywhere;color:#c6c1af;font:11px/1.6 monospace;margin-top:12px}
.profile-account .account-note{margin-top:10px;font-size:12px}
.profile-dialog .account-link-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin:14px 0 0;padding:10px 12px;min-height:42px;background:#d8bd5210;border:1px solid #d8bd5230;border-radius:7px;color:#e7d598;font:700 13px var(--body)}
.profile-dialog .account-link-button:hover{background:#d8bd521c;border-color:#d8bd5260}
.profile-dialog #linkWalletButton{margin:14px 0 0;justify-content:space-between}
.profile-dialog #linkXButton:not(.is-reconnect){margin:14px 0 0;justify-content:space-between}
.profile-x-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.profile-dialog #profileX{font-size:13px;color:#c6c1af;overflow-wrap:anywhere;margin:12px 0 0}
.profile-dialog #linkXButton.is-reconnect{width:auto;min-height:34px;border:0;background:none;font-size:12px;font-weight:400;color:#aca58c;margin:8px 0 0;padding:6px 0;flex-shrink:0}
.profile-dialog .profile-footer{margin-top:22px;padding-top:14px;align-items:center;border-color:#ffffff10}
.profile-dialog .profile-footer .text-button{font-size:13px;letter-spacing:0;padding:8px 0}
.profile-dialog #signOutButton{color:#a49d8b}
.profile-dialog #profileDone{color:#e2d59e}
.account-dialog button:disabled{opacity:.45;cursor:default}
.account-dialog [hidden]{display:none!important}
.account-dialog button:focus-visible,.account-dialog a:focus-visible{outline:2px solid #e0cc80;outline-offset:3px}
@media(max-width:480px){#authDialog,#profileDialog,#walletLinkDialog{padding:24px 20px}.account-modal-heading{margin-bottom:20px}.account-dialog .account-modal-heading h2{font-size:28px}.profile-account{padding:14px}.profile-accounts{margin-top:20px}.wallet-setup a{padding:9px 8px;font-size:11px;gap:6px}}