/* The account button (top right) and its panel. Loaded on every page; scoped to .account-control and the wallet dialog. */
.account-control{position:relative;flex-shrink:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;z-index:60}
.account-toggle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #4b4540;background:linear-gradient(145deg,#26201b,#141416);color:#efc49b;cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s,background .15s,box-shadow .15s}
.account-toggle:hover,.account-toggle[aria-expanded=true]{border-color:#ff9a45;background:#30231b;box-shadow:0 0 0 3px #ff7f1122}
.account-toggle img{width:100%;height:100%;object-fit:cover}
.account-toggle svg.bond-avatar{width:100%;height:100%;padding:3px;box-sizing:border-box;stroke:none}
.account-toggle svg.bond-avatar-guest{padding:0}

/* Panel: a compact card, your Bondling first. */
.account-panel{position:absolute;right:0;top:54px;width:300px;max-width:calc(100vw - 28px);box-sizing:border-box;padding:8px;border:1px solid #3a3330;background:#141313;border-radius:18px;box-shadow:0 18px 60px #000a,0 0 0 1px #00000040;color:#f4f4f5;white-space:normal;text-align:left;
  opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s cubic-bezier(.2,.7,.2,1)}
.account-panel.is-open{opacity:1;transform:none}
.account-panel[hidden],.account-panel [hidden]{display:none}
.account-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 12px 12px;border-radius:12px;background:radial-gradient(120% 90% at 50% 0%,#2a1d13 0%,#171514 70%)}
.account-art{--glow:#ff7f11;position:relative;width:88px;height:88px;display:grid;place-items:center}
.account-art::before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 42%,transparent) 0%,transparent 68%);pointer-events:none}
.account-art>svg,.account-art>img{position:relative;width:88px;height:88px;display:block}
.account-art>img{border-radius:50%;object-fit:cover;border:2px solid #3a2c22}
.account-who{min-width:0;max-width:100%}
.account-who strong,.account-who span{display:block;overflow-wrap:anywhere}
.account-who strong{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.account-who span{font-size:13px;color:#b0b0b8;margin-top:2px}
.account-invite{margin:10px 8px 0;font-size:13px;line-height:1.5;color:#c9c4c0;text-align:center}
.account-primary{font:inherit;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;padding:10px 14px;border:0;border-radius:10px;background:#ff7f11;color:#140900;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.account-primary:hover{background:#ff9133}
.account-primary:disabled{opacity:.6;cursor:progress}
.account-list{display:grid;margin-top:8px}
.account-link{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 12px;border-radius:8px;color:#d6d1cd;font-size:14px;text-decoration:none}
.account-link::after{content:"";margin-left:auto;width:7px;height:7px;border-top:1.5px solid #8e8e97;border-right:1.5px solid #8e8e97;transform:rotate(45deg)}
.account-link:hover{background:#221d1a;color:#fff}
.account-disconnect{font:inherit;box-sizing:border-box;display:block;width:100%;min-height:44px;margin-top:8px;padding:0 12px;border:0;border-top:1px solid #2c2725;border-radius:0 0 10px 10px;background:none;color:#a8a3a0;font-size:13px;text-align:left;cursor:pointer}
.account-disconnect:hover{color:#ff8797}
.account-feedback{margin:0;color:#e5b58e;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.account-feedback:not(:empty){padding:10px 12px 0}
.account-toggle:focus-visible,.account-panel :focus-visible{outline:2px solid #ff9a45;outline-offset:2px}

/* Wallet chooser (opened by the panel's Connect button). */
.wallet-dialog{background:#171519;color:#eee;border:1px solid #51473e;border-radius:16px;width:min(420px,calc(100% - 28px));padding:26px}
.wallet-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.wallet-dialog h2{font-size:24px;margin:0 0 8px}
.wallet-dialog p{color:#aaa;font-size:12px}
.wallet-choice{display:block;width:100%;min-height:44px;padding:15px;text-align:left;font:inherit;background:#252129;color:#eee;border:1px solid #51454f;border-radius:8px;margin:12px 0;cursor:pointer}
.wallet-dialog .text-button{color:#b7b0ba;background:none;border:0;padding:10px;min-height:44px;cursor:pointer}

@media(max-width:650px){.account-toggle{width:40px;height:40px}.account-panel{top:50px}}
/* Phones: a full-width sheet under the header (account.js sets its top). */
@media(max-width:480px){
  .account-panel{position:fixed;left:0;right:0;width:auto;max-width:none;border-width:0 0 1px;border-radius:0 0 20px 20px;padding:10px 16px 14px;transform-origin:top center;box-shadow:0 30px 80px #000c}
}
@media(prefers-reduced-motion:reduce){.account-toggle,.account-panel{transition:none}.account-panel{transform:none}}