body.interface-shell .wallet-hud-add {
  display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;padding:0;margin-right:2px;
  border:1px solid #65cd87;border-radius:6px;background:linear-gradient(150deg,#347c4b,#235339);
  color:#e6ffed;font:600 23px/1 var(--font-ui);box-shadow:inset 0 1px #a4f6b830,0 0 12px #52ba7120;cursor:pointer;
}
body.interface-shell .wallet-hud-add:hover { background:linear-gradient(150deg,#459c5f,#296a40);box-shadow:0 0 14px #52ba7140; }
.account-wallet {
  --wallet-accent:var(--animated-theme-accent,var(--gold));
  --wallet-light:var(--animated-theme-light,var(--gold-b));
  --wallet-border:color-mix(in srgb,var(--wallet-accent) 60%,transparent);
  --wallet-border-muted:color-mix(in srgb,var(--wallet-accent) 23%,transparent);
  --wallet-tint:color-mix(in srgb,var(--wallet-accent) 12%,transparent);
  --wallet-surface:color-mix(in srgb,var(--wallet-accent) 4%,transparent);
  --wallet-deep:color-mix(in srgb,var(--bg-base) 62%,transparent);
  --wallet-opacity:clamp(.72,var(--interface-glass-opacity,.85),.98);
  box-sizing:border-box;width:min(820px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;
  border:1px solid var(--wallet-border);border-radius:12px;overflow:auto;color:var(--text-1);font:13px/1.5 var(--font-ui);
  background:radial-gradient(ellipse at 2% 0%,var(--wallet-tint),transparent 48%),color-mix(in srgb,var(--bg-base) calc(var(--wallet-opacity) * 100%),transparent);
  backdrop-filter:blur(var(--interface-glass-blur,18px));
  box-shadow:0 24px 100px #000b,inset 0 1px 0 #ffffff08;scrollbar-width:thin;scrollbar-color:var(--wallet-border) transparent;
}
.account-wallet::backdrop { background:#020408a6;backdrop-filter:blur(6px); }
.account-wallet * { box-sizing:border-box; }
.account-wallet button,.account-wallet input { font:inherit; }
.account-wallet button { cursor:pointer; }
.account-wallet button:focus-visible,.account-wallet input:focus-visible { outline:2px solid var(--wallet-light);outline-offset:3px; }
.wallet-hud-add:focus-visible { outline:2px solid #a4f6b8;outline-offset:3px; }
.wallet-icon { display:block;width:22px;height:22px;flex:0 0 22px; }
.wallet-direction-icon { display:inline-block;width:21px;height:21px;flex:0 0 21px;background:currentColor;mask:url('/assets/icons/ui/skill-presets/share.svg') center/contain no-repeat; }
.account-wallet button:disabled { opacity:.5;cursor:wait; }
.wallet-head { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 20px;border-bottom:1px solid var(--wallet-border-muted); }
.wallet-eyebrow { display:block;color:var(--wallet-accent);font:700 10px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:1.6px; }
.wallet-head h2 { margin:5px 0 4px;color:var(--text-1);font:600 29px/1.15 var(--font-title,var(--font-ui)); }
.wallet-head p { margin:0;color:var(--text-3);font-size:12px; }
.wallet-close { display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid var(--wallet-border-muted);border-radius:6px;background:var(--wallet-surface);color:var(--text-2); }
.wallet-close:hover { color:var(--wallet-light);border-color:var(--wallet-border); }
.wallet-content { padding:20px 28px 24px; }
.wallet-balances { display:grid;grid-template-columns:1.13fr 1fr 1fr 1.25fr;gap:10px;margin-bottom:20px; }
.wallet-balance { display:flex;gap:9px;align-items:center;min-width:0;padding:12px 10px;border:1px solid var(--wallet-border-muted);border-radius:7px;background:var(--wallet-surface); }
.wallet-balance-main { border-color:var(--wallet-border);background:var(--wallet-tint); }
.wallet-balance img { width:25px;height:25px;object-fit:contain;flex:0 0 25px; }
.wallet-balance>div { min-width:0; }
.wallet-balance span { display:block;color:var(--text-3);font-size:10px;white-space:nowrap; }
.wallet-balance strong { display:block;color:var(--wallet-light);font-size:14px;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums; }
.wallet-market-shortcut { display:flex;align-items:center;gap:11px;width:100%;margin:-6px 0 20px;padding:11px 14px;border:1px solid var(--wallet-border);border-radius:7px;background:linear-gradient(110deg,var(--wallet-tint),transparent),var(--wallet-surface);color:var(--wallet-light);text-align:left;font-weight:600!important; }
.wallet-market-shortcut>.wallet-direction-icon { margin-left:auto; }
.wallet-market-symbol { display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--wallet-border-muted);border-radius:6px;font-size:22px; }
.wallet-market-shortcut:hover { background:color-mix(in srgb,var(--wallet-accent) 20%,var(--bg-base)); }
.wallet-funding { display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:23px;border:1px solid var(--wallet-border-muted);border-radius:9px;background:linear-gradient(115deg,var(--wallet-tint),transparent 63%),var(--wallet-surface); }
.wallet-funding-copy h3 { margin:10px 0;color:var(--text-1);font:600 23px/1.2 var(--font-title,var(--font-ui)); }
.wallet-funding-copy p { margin:0;color:var(--text-3);font-size:12px;line-height:1.6; }
.wallet-gateway-state { display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--text-2);font-size:10px; }
.wallet-gateway-state i { width:6px;height:6px;border-radius:50%;background:var(--wallet-accent);box-shadow:0 0 8px var(--wallet-tint); }
.wallet-topup label { display:block;margin-bottom:7px;font-size:11px;font-weight:600;color:var(--text-2); }
.wallet-amount-field { display:flex;align-items:center;border:1px solid var(--wallet-border);border-radius:6px;background:var(--wallet-deep); }
.wallet-amount-field input { width:100%;min-width:0;padding:9px 12px;border:0;outline:0;background:transparent;color:var(--text-1);font-size:22px;font-weight:600;appearance:textfield;-moz-appearance:textfield; }
.wallet-amount-field input::-webkit-inner-spin-button,.wallet-amount-field input::-webkit-outer-spin-button { -webkit-appearance:none;margin:0; }
.wallet-amount-field:focus-within { border-color:var(--wallet-light);box-shadow:0 0 0 3px var(--wallet-tint); }
.account-wallet .wallet-amount-field input:focus-visible { outline:none; }
.wallet-amount-field>span { padding-right:13px;color:var(--wallet-accent);font-weight:600; }
.wallet-presets { display:flex;gap:6px;margin:8px 0 12px; }
.wallet-presets button { flex:1;padding:5px 2px;border:1px solid var(--wallet-border-muted);border-radius:4px;background:var(--wallet-surface);color:var(--text-2);font-size:11px; }
.wallet-presets button[aria-pressed=true],.wallet-presets button:hover { background:var(--wallet-tint);border-color:var(--wallet-border);color:var(--wallet-light); }
.wallet-fund-button { display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 13px;border:1px solid var(--wallet-border);border-radius:6px;background:var(--wallet-tint);color:var(--wallet-light);font-weight:700!important; }
.wallet-fund-button:hover { background:color-mix(in srgb,var(--wallet-accent) 25%,var(--bg-base)); }
.wallet-rate-note { margin:8px 0 0;color:var(--text-3);font-size:10px;line-height:1.4; }
.wallet-gateway-message { margin-top:10px;padding:10px;border:1px solid var(--wallet-border);border-radius:5px;background:var(--wallet-tint);color:var(--wallet-light);font-size:12px; }
.wallet-history { margin-top:20px; }
.wallet-history-head h3 { margin:0; }
.wallet-history-toggle { position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:78px;padding:15px 18px;border:1px solid var(--wallet-border);border-radius:8px;background:linear-gradient(110deg,var(--wallet-tint),transparent 70%),var(--wallet-surface);color:var(--wallet-light);text-align:left;box-shadow:inset 0 1px color-mix(in srgb,var(--wallet-light) 8%,transparent); }
.wallet-history-toggle::before,.wallet-history-toggle::after { position:absolute;content:'';width:7px;height:7px;pointer-events:none;border-color:var(--wallet-light);border-style:solid;opacity:.6; }
.wallet-history-toggle::before { left:4px;top:4px;border-width:1px 0 0 1px; }
.wallet-history-toggle::after { right:4px;bottom:4px;border-width:0 1px 1px 0; }
.wallet-history-toggle:hover,.wallet-history-toggle[aria-expanded=true] { background:linear-gradient(110deg,var(--wallet-tint),var(--wallet-surface));border-color:var(--wallet-light); }
.wallet-history-emblem { display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--wallet-border-muted);border-radius:7px;background:var(--wallet-tint); }
.wallet-history-emblem .wallet-icon { width:24px;height:24px; }
.wallet-history-copy { min-width:0;display:grid;gap:4px; }
.wallet-history-copy strong { color:var(--text-1);font:600 20px/1.15 var(--font-title,var(--font-ui)); }
.wallet-history-copy small { color:var(--text-2);font-size:10px;line-height:1.4; }
.wallet-history-action { margin-left:auto;font-size:11px;white-space:nowrap; }
.wallet-history-chevron { display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;transition:transform .18s ease; }
.wallet-history-toggle[aria-expanded=true] .wallet-history-chevron { transform:rotate(180deg); }
#walletHistoryPanel { padding-top:17px; }
.wallet-history-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px; }
.wallet-periods { display:flex;flex-wrap:wrap;gap:5px;margin:0; }
.wallet-periods button { padding:6px 14px;border:1px solid var(--wallet-border-muted);border-radius:5px;background:var(--wallet-surface);color:var(--text-3);font-size:11px; }
.wallet-periods button[aria-pressed=true] { border-color:var(--wallet-border);background:var(--wallet-tint);color:var(--wallet-light); }
.wallet-period-label { margin:13px 0 0;color:var(--text-3);font-size:11px; }
.wallet-refresh { border:0;padding:3px 0;background:transparent;color:var(--text-3);font-size:11px!important; }
.wallet-refresh:hover { color:var(--wallet-light); }
.wallet-tabs { display:flex;flex-wrap:wrap;column-gap:18px;row-gap:10px;border-bottom:1px solid var(--wallet-border-muted); }
.wallet-tabs button { padding:0 0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-3);font-size:12px; }
.wallet-tabs button[aria-pressed=true] { color:var(--wallet-light);border-bottom-color:var(--wallet-accent); }
.wallet-source-summary { margin-top:14px;padding:15px;border:1px solid var(--wallet-border-muted);border-radius:7px;background:linear-gradient(110deg,var(--wallet-tint),transparent),var(--wallet-surface); }
.wallet-source-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.wallet-source-stats.is-market { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wallet-source-stats>div:only-child { grid-column:1/-1; }
.wallet-source-stats span { display:block;color:var(--text-3);font-size:10px; }
.wallet-source-stats strong { display:block;margin-top:3px;color:var(--wallet-light);font-size:15px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums; }
.wallet-source-note { margin:11px 0 0;color:var(--text-3);font-size:11px;line-height:1.5; }
.wallet-source-action { display:inline-flex;align-items:center;gap:12px;padding:8px 12px;margin-top:12px;border:1px solid var(--wallet-border);border-radius:5px;background:var(--wallet-tint);color:var(--wallet-light);font-size:11px!important;font-weight:600!important; }
.wallet-source-action:hover { background:color-mix(in srgb,var(--wallet-accent) 25%,var(--bg-base)); }
.wallet-history-body { min-height:120px; }
.wallet-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 12px 19px;text-align:center; }
.wallet-empty-symbol { display:grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border:1px solid var(--wallet-border-muted);border-radius:50%;background:var(--wallet-tint);color:var(--wallet-accent);font-size:21px;line-height:1; }
.wallet-empty strong { color:var(--text-2);font-size:12px; }
.wallet-empty p { margin:4px 0 0;color:var(--text-3);font-size:11px; }
.wallet-loading { padding:38px 12px;text-align:center;color:var(--text-3); }
.wallet-activity-list { list-style:none;margin:0;padding:0; }
.wallet-activity-row { display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--wallet-border-muted); }
.wallet-activity-icon { display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--wallet-border-muted);border-radius:7px;background:var(--wallet-tint);color:var(--wallet-light);font-size:18px; }
.wallet-activity-icon.is-expense { background:var(--wallet-surface);color:var(--text-2); }
.wallet-activity-icon.is-credit .wallet-direction-icon { transform:rotate(180deg); }
.wallet-activity-icon .wallet-icon,.wallet-activity-icon .wallet-direction-icon { width:18px;height:18px;flex-basis:18px; }
.wallet-activity-icon img { display:block;width:22px;height:22px;object-fit:contain; }
.wallet-activity-detail { min-width:0;flex:1; }
.wallet-activity-detail strong,.wallet-activity-detail span,.wallet-activity-detail small { display:block;overflow-wrap:anywhere; }
.wallet-activity-detail strong { color:var(--text-1);font-size:12px; }
.wallet-activity-detail span { color:var(--text-2);font-size:11px; }
.wallet-activity-detail .wallet-gift-status { display:inline-block;margin-top:4px;padding:2px 7px;border:1px solid var(--wallet-border-muted);border-radius:4px;color:var(--text-3);font-size:9px; }
.wallet-activity-detail .wallet-gift-status.is-received { color:var(--wallet-light);background:var(--wallet-tint); }
.wallet-activity-detail small { margin-top:3px;color:var(--text-3);font-size:10px; }
.wallet-activity-values { max-width:42%;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.wallet-activity-values strong { color:var(--wallet-light);font-size:13px; }
.wallet-activity-values strong.is-expense { color:var(--text-2); }
.wallet-activity-values small { display:block;margin-top:2px;color:var(--text-3);font-size:10px; }
.wallet-more { display:block;width:100%;padding:8px;margin-top:10px;border:1px solid var(--wallet-border-muted);border-radius:5px;background:var(--wallet-surface);color:var(--wallet-light);font-size:11px!important; }
.wallet-coverage { margin:10px 0 0;color:var(--text-3);font-size:10px;line-height:1.5; }
.wallet-error { padding:24px 12px;color:var(--text-2);text-align:center; }
.wallet-error button { display:block;margin:10px auto 0;padding:6px 13px;border:1px solid var(--wallet-border);border-radius:5px;background:var(--wallet-tint);color:var(--wallet-light); }
.account-wallet [hidden] { display:none!important; }
@media(max-width:959px) {
  body.interface-shell #mobileCurrencyPopover .wallet-hud-add {
    display:grid;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;
    margin-right:0;font-size:27px;touch-action:manipulation;
  }
}
@media(max-width:600px) {
  .account-wallet { width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:9px; }
  .wallet-head { padding:18px;gap:10px; }.wallet-head h2 { font-size:25px; }.wallet-head p { font-size:11px; }
  .wallet-content { padding:15px 18px 20px; }.wallet-balances { grid-template-columns:1fr 1fr;gap:8px; }
  .wallet-funding { grid-template-columns:1fr;gap:18px;padding:17px; }.wallet-funding-copy h3 { font-size:21px; }
  .wallet-funding-copy h3 br,.wallet-funding-copy p br { display:none; }.wallet-gateway-state { margin-top:9px; }
  .wallet-tabs { gap:15px; }.wallet-tabs button { font-size:11px; }.wallet-activity-row { gap:8px; }
  .wallet-source-stats,.wallet-source-stats.is-market { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wallet-history-toggle { display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:2px 11px;padding:14px 12px; }
  .wallet-history-emblem { grid-column:1;grid-row:1/3;width:34px;height:34px; }
  .wallet-history-copy { grid-column:2;grid-row:1;gap:3px; }.wallet-history-copy strong { font-size:19px; }.wallet-history-copy small { font-size:9px; }
  .wallet-history-action { grid-column:2;grid-row:2;margin:5px 0 0;font-size:10px; }
  .wallet-history-chevron { grid-column:3;grid-row:1/3;width:24px; }
  .wallet-history-toolbar { gap:7px; }.wallet-periods { gap:4px; }.wallet-periods button { padding:6px 9px;font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .wallet-history-chevron { transition:none; } }

