/* A self-contained wallet surface, independent of the page behind it. */
#wallet-dialog {
  --wallet-ink:#f5f3ec; --wallet-muted:#a6aca8; --wallet-gold:#dfc48b;
  --wallet-line:rgba(219,222,211,.12); --wallet-surface:#181b1b;
  width:min(424px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); height:fit-content;
  inset:0; margin:auto; padding:24px; border:1px solid rgba(229,213,180,.2); border-radius:20px;
  color:var(--wallet-ink); background:radial-gradient(ellipse at 0 0,rgba(189,158,96,.09),transparent 55%),var(--wallet-surface);
  box-shadow:0 32px 96px #0006,0 1px 0 #ffffff09 inset; font:400 13px/1.65 var(--bcar-font);
  overflow-y:auto; text-align:left; color-scheme:dark;
}
#wallet-dialog::backdrop { background:rgba(7,11,12,.45); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
#wallet-dialog :is(button,a) { font:inherit; color:inherit; letter-spacing:0; cursor:pointer; text-decoration:none; }
#wallet-dialog :is(button,a):focus-visible { outline:2px solid var(--wallet-gold); outline-offset:4px; }
#wallet-dialog button { min-height:44px; box-shadow:none; transition:background .18s ease,border-color .18s ease; }
#wallet-dialog button:disabled { opacity:.5; cursor:wait; }
#wallet-dialog svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#wallet-dialog .wallet-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; padding:0; border:0; background:none; }
#wallet-dialog .wallet-brand { display:flex; align-items:center; gap:6px; }
#wallet-dialog .wallet-brand img { width:32px; height:32px; object-fit:contain; }
#wallet-dialog .wallet-brand b { font:italic 850 21px/1 var(--bcar-font); letter-spacing:-.4px; }
#wallet-dialog .wallet-close { display:grid; place-items:center; flex:none; width:44px; height:44px; margin:-6px -8px -6px 0; padding:0; border:0; border-radius:50%; background:none; color:var(--wallet-muted); }
#wallet-dialog .wallet-close:hover { background:#ffffff09; color:var(--wallet-ink); }
#wallet-dialog .wallet-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 18px; }
#wallet-dialog .wallet-network-tag { flex:none; margin-left:auto; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border:1px solid rgba(223,196,139,.21); border-radius:30px; color:var(--wallet-gold); font-size:10px; line-height:1.6; letter-spacing:.3px; }
#wallet-dialog .wallet-network-tag i { display:block; width:5px; height:5px; border-radius:1px; background:currentColor; transform:rotate(45deg); }
#wallet-dialog h2 { margin:0; color:var(--wallet-ink); font:650 26px/1.3 var(--bcar-font); letter-spacing:-.7px; }
#wallet-dialog .wallet-empty { margin:0 0 22px; padding:24px 16px; text-align:center; border:1px solid var(--wallet-line); border-radius:12px; background:#ffffff02; }
#wallet-dialog .wallet-empty-symbol { display:grid; place-items:center; width:56px; height:56px; margin:0 auto 16px; border:1px solid rgba(223,196,139,.15); border-radius:16px; background:linear-gradient(145deg,#d6bd8421,#d6bd8405); color:var(--wallet-gold); }
#wallet-dialog .wallet-empty-symbol svg { width:36px; height:36px; }
#wallet-dialog h3 { margin:0 0 8px; font:550 15px/1.5 var(--bcar-font); color:var(--wallet-ink); }
#wallet-dialog .wallet-empty p { margin:0; color:var(--wallet-muted); font:400 12px/1.9 var(--bcar-font); }
#wallet-dialog .wallet-primary, #wallet-dialog .wallet-body>.primary { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:11px 16px; min-height:46px; border:1px solid var(--wallet-gold); border-radius:8px; color:#27251e; background:var(--wallet-gold); font-weight:600; }
#wallet-dialog .wallet-primary:hover, #wallet-dialog .wallet-body>.primary:hover { background:#eed8aa; }
#wallet-dialog .wallet-copy-link { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:4px; padding:10px; border:0; background:none; color:var(--wallet-muted); font-size:12px; }
#wallet-dialog .wallet-copy-link:hover { color:var(--wallet-ink); }
#wallet-dialog .wallet-section-label { display:flex; justify-content:space-between; margin:0 0 10px; font-size:12px; }
#wallet-dialog .wallet-section-label span { color:var(--wallet-muted); font-size:11px; }
#wallet-dialog .wallet-options { display:grid; gap:10px; }
#wallet-dialog .wallet-option { display:flex; align-items:center; gap:12px; width:100%; padding:14px; border:1px solid var(--wallet-line); border-radius:10px; background:#ffffff04; text-align:left; }
#wallet-dialog .wallet-option:hover:not(:disabled) { background:#dfc48b0d; border-color:#dfc48b5c; }
#wallet-dialog .wallet-option-symbol { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:var(--wallet-gold); background:#dfc48b0d; }
#wallet-dialog .wallet-option-symbol svg { width:30px; height:30px; }
#wallet-dialog .wallet-option-symbol img, #wallet-dialog .wallet-install-icon img { display:block; width:28px; height:28px; object-fit:contain; }
#wallet-dialog .wallet-discovery-note { display:flex; align-items:flex-start; gap:10px; padding:11px 12px; margin-bottom:16px; border:1px solid var(--wallet-line); border-radius:10px; background:#ffffff03; }
#wallet-dialog .wallet-discovery-dot { width:6px; height:6px; flex:none; margin-top:7px; border-radius:50%; background:var(--wallet-gold); }
#wallet-dialog .wallet-discovery-note strong { font-size:12px; font-weight:500; }
#wallet-dialog .wallet-discovery-note p { margin:4px 0 0; color:var(--wallet-muted); font-size:11px; line-height:1.7; }
#wallet-dialog .wallet-more { margin:14px 0; padding:0; border:0; color:var(--wallet-ink); }
#wallet-dialog .wallet-more summary { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:32px; cursor:pointer; font-size:12px; font-weight:500; }
#wallet-dialog .wallet-more summary span { color:var(--wallet-muted); font-size:10px; font-weight:400; }
#wallet-dialog .wallet-more summary::after { content:"＋"; color:var(--wallet-muted); }
#wallet-dialog .wallet-more[open] summary::after { content:"−"; }
#wallet-dialog .wallet-more summary span { margin-left:auto; }
#wallet-dialog .wallet-install-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:10px; }
#wallet-dialog .wallet-install { display:flex; align-items:center; gap:9px; min-width:0; min-height:56px; padding:8px; border:1px solid var(--wallet-line); border-radius:9px; background:#ffffff02; }
#wallet-dialog .wallet-install:hover { border-color:#dfc48b5c; background:#dfc48b09; }
#wallet-dialog .wallet-install-icon { display:grid; place-items:center; width:32px; height:32px; flex:none; }
#wallet-dialog .wallet-install strong { display:block; font-size:11px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; }
#wallet-dialog .wallet-install small { display:block; margin-top:4px; font-size:10px; line-height:1.2; color:var(--wallet-muted); }
#wallet-dialog .wallet-option-copy { flex:1; }
#wallet-dialog .wallet-option-copy strong { display:block; font-size:14px; font-weight:550; }
#wallet-dialog .wallet-option-copy small { display:block; color:var(--wallet-muted); font-size:11px; }
#wallet-dialog .wallet-option-arrow { color:var(--wallet-muted); font-size:18px; }
#wallet-dialog .wallet-connected-card { padding:20px; border:1px solid var(--wallet-line); border-radius:12px; background:#ffffff03; }
#wallet-dialog .wallet-network { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--wallet-gold); }
#wallet-dialog .wallet-network.is-ready { color:#a6cbb0; }
#wallet-dialog .wallet-network i { width:5px; height:5px; border-radius:50%; background:currentColor; }
#wallet-dialog .wallet-provider-name { margin:24px 0 6px; font-size:11px; color:var(--wallet-muted); }
#wallet-dialog .wallet-address { margin:0; font:400 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; user-select:all; }
#wallet-dialog .wallet-actions { display:flex; gap:10px; margin:12px 0; }
#wallet-dialog .wallet-actions>* { display:grid; place-items:center; flex:1; min-height:44px; padding:8px; border:1px solid var(--wallet-line); border-radius:8px; background:#ffffff04; font-size:12px; }
#wallet-dialog .wallet-actions>*:hover { background:#ffffff09; }
#wallet-dialog .wallet-disconnect { width:100%; padding:10px; margin-top:8px; border:0; border-radius:8px; color:var(--wallet-muted); background:none; font-size:12px; }
#wallet-dialog .wallet-status { color:var(--wallet-gold); margin:12px 0 0; font-size:12px; line-height:1.7; }
#wallet-dialog .wallet-status:empty { display:none; }
#wallet-dialog .wallet-footnote { display:flex; align-items:flex-start; justify-content:center; gap:7px; margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--wallet-line); color:var(--wallet-muted); font:400 11px/1.6 var(--bcar-font); }
#wallet-dialog .wallet-footnote svg { width:14px; height:16px; }
@media(max-width:480px) { #wallet-dialog { padding:22px; border-radius:16px; } #wallet-dialog .wallet-dialog-header { margin-bottom:22px; } #wallet-dialog .wallet-empty { padding:22px 12px; } }
@media(prefers-reduced-motion:reduce) { #wallet-dialog button { transition:none; } }