header{gap:24px}.header-account{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.login-discord{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid rgba(232,199,245,.17);border-radius:9px;background:rgba(48,24,58,.48);font-size:13px;font-weight:760;color:#fff;transition:transform .18s ease,background .18s ease}.login-discord:hover{transform:translateY(-1px);background:rgba(65,31,78,.62)}.header-arcana{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(215,161,233,.2);border-radius:10px;background:rgba(48,24,58,.46);color:#eaddec;font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.header-arcana:hover{transform:translateY(-1px);border-color:rgba(229,190,240,.34);background:rgba(70,33,82,.62);color:#fff}.header-arcana-gem{font-size:11px;color:#d99bd0;text-shadow:0 0 12px rgba(210,118,194,.32)}.balance-arcana{position:relative;text-decoration:none;border-radius:8px;padding:5px 20px 5px 7px;margin:-5px 0;background:rgba(126,72,157,.08);transition:background .16s ease}.balance-arcana:hover{background:rgba(126,72,157,.18)}.balance-arcana i{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:rgba(192,137,211,.18);color:#dcbce7;font-size:10px;font-style:normal;font-weight:900}.arcana-hero-cta{border-color:rgba(205,150,226,.24)!important;background:linear-gradient(135deg,rgba(91,45,106,.52),rgba(74,49,115,.52))!important}.arcana-hero-cta:hover{border-color:rgba(226,183,239,.42)!important}.account-summary{display:flex;align-items:center;gap:22px}.balance-mini{display:flex;flex-direction:column;gap:2px;min-width:62px;line-height:1.05}.balance-mini span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#96879d;font-weight:760}.balance-mini strong{font-size:14px;color:#f4eef8;font-weight:820;font-variant-numeric:tabular-nums}.profile-trigger{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 5px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(18,9,24,.44);color:#f4eef8;cursor:pointer;transition:background .18s ease,border-color .18s ease}.profile-trigger:hover{background:rgba(35,17,44,.58);border-color:rgba(232,199,245,.15)}.profile-avatar,.panel-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#8a3e78,#65419d);color:#fff;font-weight:850}.profile-avatar{width:31px;height:31px;font-size:12px}.profile-avatar img,.panel-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.account-backdrop{position:fixed;inset:0;z-index:39;background:rgba(4,2,7,.52);opacity:0;pointer-events:none;transition:opacity .2s ease}.account-backdrop.open{opacity:1;pointer-events:auto}.account-panel{position:fixed;z-index:40;top:0;right:0;width:min(380px,calc(100vw - 24px));height:100dvh;padding:24px;background:linear-gradient(165deg,rgba(27,13,35,.98),rgba(8,5,12,.99));border-left:1px solid rgba(242,226,250,.11);box-shadow:-28px 0 90px rgba(0,0,0,.38);transform:translate3d(102%,0,0);transition:transform .25s cubic-bezier(.2,.75,.2,1);overflow:auto}.account-panel.open{transform:translate3d(0,0,0)}.account-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-identity{display:flex;align-items:center;gap:12px;min-width:0}.panel-avatar{width:46px;height:46px;flex:0 0 46px}.account-identity-text{min-width:0}.account-identity-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.account-identity-text small{display:block;margin-top:3px;color:#94869b;font-size:11px}.account-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);color:#cfc3d4;font-size:19px;cursor:pointer}.panel-section-title{margin:30px 0 11px;color:#a791ad;font-size:10px;font-weight:850;letter-spacing:.17em}.panel-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panel-balance{padding:13px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(10,6,14,.45)}.panel-balance span{display:block;font-size:10px;color:#94869b}.panel-balance strong{display:block;margin-top:5px;font-size:17px;font-variant-numeric:tabular-nums}.account-panel-note{margin:18px 0 0;color:#756979;font-size:11px;line-height:1.55}.account-tools{display:flex;flex-direction:column;gap:8px}.account-tools .panel-section-title{margin-bottom:3px}.account-tool-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);color:#d6c9da;font-size:11px;font-weight:760}.account-tool-link:hover{background:rgba(255,255,255,.045)}.account-logout{margin-top:28px;width:100%;padding:11px 14px;border:1px solid rgba(232,199,245,.12);border-radius:10px;background:rgba(74,31,65,.28);color:#e8dce8;font:inherit;font-size:12px;font-weight:780;cursor:pointer;text-align:center}.account-logout:hover{background:rgba(96,39,81,.38)}.currency-error{color:#b690a6!important}.legal-nav{margin-left:auto}@media(max-width:900px){.header-arcana{padding:0 10px}.header-arcana-buy{display:none}.account-summary{gap:13px}.balance-mini{min-width:50px}.profile-name{display:none}}@media(max-width:720px){header{padding:0 12px;gap:9px}.header-account{margin-left:auto;gap:7px}.header-arcana{min-height:34px;padding:0 9px;font-size:11px}.account-summary{gap:9px}.balance-mini{min-width:42px}.balance-mini span{font-size:7px;letter-spacing:.08em}.balance-mini strong{font-size:11px}.profile-trigger{padding:3px;border-radius:9px}.profile-avatar{width:29px;height:29px}.login-discord{padding:8px 10px;font-size:11px}.account-panel{width:min(360px,calc(100vw - 12px));padding:20px}.panel-balances{gap:6px}.panel-balance{padding:11px 9px}.menu:not([hidden]){display:block}.main-nav{right:12px;left:auto;width:min(270px,calc(100vw - 24px))}}@media(max-width:430px){.balance-sigils,.balance-coins{display:none}.account-summary{gap:7px}.header-arcana{width:34px;padding:0}.header-arcana-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.header-arcana-gem{font-size:12px}}@media(max-width:390px){.brand{font-size:11px;gap:8px}.brand span{width:10px;height:10px}.account-summary{gap:6px}.balance-mini{min-width:36px}.balance-mini span{font-size:6px}.balance-mini strong{font-size:10px}.profile-avatar{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.account-panel,.account-backdrop{transition:none}}


/* Account dashboard refresh */
.account-panel{
  width:min(456px,100vw);
  padding:30px 28px 34px;
  background:
    radial-gradient(circle at 52% 7%,rgba(142,61,167,.13),transparent 34%),
    linear-gradient(165deg,rgba(29,13,37,.985),rgba(10,5,14,.995));
  border-left:1px solid rgba(232,199,245,.13);
  box-shadow:-30px 0 100px rgba(0,0,0,.45);
  scrollbar-width:thin;
  scrollbar-color:rgba(194,139,211,.28) transparent;
}
.account-panel-head{align-items:center;gap:18px}
.account-identity{gap:15px}
.panel-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border:2px solid rgba(214,111,240,.55);
  box-shadow:0 0 0 4px rgba(173,80,204,.08),0 0 26px rgba(189,77,223,.16);
}
.account-identity-text strong{font-size:21px;line-height:1.1;font-weight:840;letter-spacing:-.02em}
.account-identity-text small{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;color:#aa9aae}
.account-discord-mark{color:#a48cff;font-size:13px;line-height:1}
.account-close{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  border-color:rgba(231,205,241,.12);
  background:rgba(255,255,255,.035);
  font-size:22px;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.account-close:hover{background:rgba(255,255,255,.065);border-color:rgba(231,205,241,.22);transform:translateY(-1px)}

.account-balance-section{margin-top:34px}
.account-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.account-section-heading .panel-section-title{margin:0}
.panel-section-title{font-size:11px;letter-spacing:.2em;color:#b9a5c0}
.account-section-heading .account-panel-note{
  margin:0;
  max-width:220px;
  text-align:right;
  font-size:10px;
  line-height:1.45;
  color:#766b7b;
}
.panel-balances{gap:10px}
.panel-balance{
  min-width:0;
  min-height:122px;
  padding:14px 13px 13px;
  border-radius:16px;
  border:1px solid rgba(232,199,245,.11);
  background:
    linear-gradient(180deg,rgba(64,29,76,.24),rgba(15,8,20,.5));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.panel-balance-icon{
  display:grid!important;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:11px;
  border-radius:11px;
  background:linear-gradient(145deg,rgba(158,53,177,.28),rgba(87,43,119,.22));
  color:#e16bea!important;
  font-size:18px!important;
  line-height:1;
  text-shadow:0 0 16px rgba(225,92,234,.55);
}
.panel-balance .panel-balance-label{
  display:block;
  color:#aa9aac;
  font-size:11px;
  font-weight:720;
  letter-spacing:.01em;
}
.panel-balance strong{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:#fff;
  font-size:23px;
  line-height:1.05;
  font-weight:850;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.account-buy-arcana{
  display:grid;
  grid-template-columns:38px 1fr 28px;
  align-items:center;
  gap:12px;
  min-height:62px;
  margin-top:14px;
  padding:10px 16px;
  border:1px solid rgba(231,77,220,.7);
  border-radius:16px;
  background:
    linear-gradient(100deg,rgba(154,42,150,.72),rgba(91,43,121,.64)),
    rgba(79,30,88,.76);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 32px rgba(128,37,135,.14);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.account-buy-arcana:hover{
  transform:translateY(-1px);
  border-color:rgba(247,111,236,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 34px rgba(143,42,151,.22);
  filter:brightness(1.06);
}
.account-buy-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:rgba(255,255,255,.075);
  color:#f0a3ef;
  font-size:22px;
}
.account-buy-arcana strong{font-size:16px;font-weight:840;text-align:center;letter-spacing:-.01em}
.account-buy-arrow{justify-self:end;color:#f3b0ef;font-size:24px;line-height:1}

.account-tools-dashboard{margin-top:32px;gap:10px}
.account-tools-heading{display:flex;align-items:center;gap:14px;margin-bottom:2px}
.account-tools-heading .panel-section-title{margin:0;white-space:nowrap}
.account-tools-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(208,169,221,.24),rgba(208,169,221,.05))}
.account-tool-card{
  display:grid;
  grid-template-columns:48px 1fr 22px;
  align-items:center;
  gap:13px;
  min-height:76px;
  padding:11px 13px;
  border-radius:15px;
  border:1px solid rgba(232,199,245,.1);
  background:linear-gradient(180deg,rgba(55,28,64,.22),rgba(17,9,23,.44));
  color:#eee5f1;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.account-tool-card:hover{
  transform:translateY(-1px);
  border-color:rgba(226,174,239,.2);
  background:linear-gradient(180deg,rgba(73,34,83,.3),rgba(23,11,31,.52));
}
.account-tool-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(219,119,235,.2);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(130,53,153,.22),rgba(67,37,92,.22));
  color:#d764e5;
  font-size:21px;
  text-shadow:0 0 15px rgba(215,100,229,.4);
}
.account-tool-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.account-tool-copy strong{overflow:hidden;color:#f5eef7;font-size:13px;font-weight:810;text-overflow:ellipsis;white-space:nowrap}
.account-tool-copy small{overflow:hidden;color:#8f8293;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.account-tool-arrow{justify-self:end;color:#c7b4ce;font-size:25px;font-weight:300;line-height:1}

.account-logout{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  margin-top:30px;
  padding:12px 16px;
  border-radius:15px;
  border-color:rgba(222,112,190,.25);
  background:linear-gradient(180deg,rgba(99,38,78,.36),rgba(65,27,58,.3));
  color:#f0e5ef;
  font-size:13px;
  font-weight:800;
}
.account-logout span{color:#df78c8;font-size:20px}
.account-logout:hover{background:linear-gradient(180deg,rgba(119,46,92,.45),rgba(77,31,67,.38))}

@media(max-width:720px){
  .account-panel{
    width:100vw;
    max-width:none;
    padding:24px 22px 28px;
    border-left:0;
  }
  .account-balance-section{margin-top:30px}
  .panel-balances{gap:8px}
  .panel-balance{min-height:116px;padding:13px 11px}
  .panel-balance strong{font-size:21px}
  .account-buy-arcana{min-height:60px}
}
@media(max-width:430px){
  .account-panel{padding:22px 18px 26px}
  .panel-avatar{width:54px;height:54px;flex-basis:54px}
  .account-identity-text strong{font-size:19px}
  .account-section-heading{align-items:flex-start}
  .account-section-heading .account-panel-note{max-width:165px;font-size:9px}
  .panel-balance{min-height:111px;padding:12px 9px}
  .panel-balance-icon{width:31px;height:31px;margin-bottom:9px;font-size:16px!important}
  .panel-balance strong{font-size:19px}
  .panel-balance .panel-balance-label{font-size:10px}
  .account-tool-card{grid-template-columns:44px 1fr 20px;min-height:72px;padding:10px 11px}
  .account-tool-icon{width:44px;height:44px}
  .account-tool-copy strong{font-size:12px}
  .account-tool-copy small{font-size:9px}
}
@media(max-width:360px){
  .account-panel{padding-left:14px;padding-right:14px}
  .panel-balances{gap:6px}
  .panel-balance{padding-left:8px;padding-right:8px}
  .panel-balance strong{font-size:17px}
}


/* ------------------------------------------------------------------ */
/* Account menu v3 — dropdown on desktop, full sheet on mobile.        */
/* ------------------------------------------------------------------ */

.account-backdrop{
  z-index:39;
  background:rgba(4,2,7,.28);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}

.account-panel{
  top:76px;
  right:max(24px,calc((100vw - 1240px)/2));
  width:min(430px,calc(100vw - 32px));
  height:auto;
  max-height:calc(100dvh - 92px);
  padding:22px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 4%,rgba(124,58,237,.10),transparent 18rem),
    linear-gradient(155deg,rgba(24,13,31,.985),rgba(9,6,13,.995));
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,-10px,0) scale(.985);
  transform-origin:top right;
  transition:
    opacity .16s ease,
    transform .18s cubic-bezier(.2,.75,.2,1);
}

.account-panel.open{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}

.account-panel-head{
  gap:14px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.panel-avatar{
  width:50px;
  height:50px;
  flex-basis:50px;
  border:1px solid rgba(125,211,252,.28);
  box-shadow:0 0 0 4px rgba(125,211,252,.035);
}

.account-identity-text strong{
  font-family:"Manrope",Inter,sans-serif;
  font-size:1rem;
}

.account-identity-text small{
  margin-top:5px;
  color:#8f8492;
  font-size:.66rem;
}

.account-discord-mark{
  color:#7dd3fc;
}

.account-close{
  width:36px;
  height:36px;
  flex-basis:36px;
  border-radius:10px;
  font-size:19px;
}

.account-balance-section{
  margin-top:20px;
}

.account-section-heading{
  display:block;
  margin-bottom:12px;
}

.account-section-heading .panel-section-title{
  margin:0;
}

.account-section-heading .account-panel-note{
  max-width:none;
  margin:5px 0 0;
  text-align:left;
  font-size:.6rem;
}

.panel-section-title{
  color:#7e7383;
  font-size:.56rem;
  letter-spacing:.16em;
}

.panel-balances{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

.panel-balance{
  min-height:88px;
  padding:11px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.018);
}

.panel-balance-icon{
  width:25px;
  height:25px;
  margin-bottom:8px;
  border-radius:8px;
  background:rgba(124,58,237,.10);
  color:#caa6dd!important;
  font-size:13px!important;
  text-shadow:none;
}

.panel-balance .panel-balance-label{
  font-size:.58rem;
}

.panel-balance strong{
  margin-top:4px;
  font-size:1rem;
}

.account-buy-arcana{
  grid-template-columns:30px 1fr auto;
  min-height:48px;
  margin-top:9px;
  padding:8px 12px;
  border-radius:12px;
  border-color:rgba(162,28,175,.28);
  background:linear-gradient(105deg,rgba(124,58,237,.28),rgba(162,28,175,.24));
  box-shadow:none;
}

.account-buy-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:16px;
}

.account-buy-arcana strong{
  font-size:.74rem;
  text-align:left;
}

.account-buy-arrow{
  color:#a99bad;
  font-size:18px;
}

.account-tools-dashboard{
  margin-top:20px;
  gap:7px;
}

.account-tools-heading{
  gap:10px;
  margin-bottom:3px;
}

.account-tool-card{
  grid-template-columns:36px minmax(0,1fr) 16px;
  min-height:56px;
  gap:10px;
  padding:8px 10px;
  border-radius:11px;
  background:rgba(255,255,255,.014);
}

.account-tool-card:hover{
  transform:none;
  background:rgba(255,255,255,.03);
  border-color:rgba(125,211,252,.12);
}

.account-tool-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  border-color:rgba(125,211,252,.10);
  background:rgba(124,58,237,.08);
  color:#c6a5d7;
  font-size:15px;
  text-shadow:none;
}

.account-tool-copy strong{
  font-size:.68rem;
}

.account-tool-copy small{
  margin-top:1px;
  color:#7f7483;
  font-size:.57rem;
}

.account-tool-arrow{
  color:#796e7e;
  font-size:18px;
}

.account-logout{
  min-height:44px;
  margin-top:18px;
  border-radius:11px;
  background:rgba(104,39,78,.18);
  font-size:.68rem;
}

.account-logout span{
  font-size:16px;
}

@media(max-width:720px){
  .account-backdrop{
    background:rgba(4,2,7,.5);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .account-panel{
    top:64px;
    right:0;
    width:100vw;
    max-width:none;
    height:calc(100dvh - 64px);
    max-height:none;
    padding:24px 20px 30px;
    border:0;
    border-top:1px solid rgba(255,255,255,.07);
    border-radius:0;
    opacity:1;
    transform:translate3d(0,-105%,0);
    transform-origin:top center;
  }

  .account-panel.open{
    transform:translate3d(0,0,0);
  }

  .panel-balances{
    gap:7px;
  }

  .account-tool-card{
    min-height:62px;
  }
}

@media(prefers-reduced-motion:reduce){
  .account-panel{
    transition:none;
  }
}


@media(max-width:720px){
  .account-panel{
    top:0!important;
    height:100dvh!important;
  }
}


/* ------------------------------------------------------------------ */
/* Account menu v4 — fully theme-aware                                 */
/* ------------------------------------------------------------------ */
.account-panel{
  color:var(--o4-ink,#f7f2f8);
  border-color:var(--o4-line-strong,rgba(244,232,249,.18));
  background:
    radial-gradient(
      circle at 88% 4%,
      color-mix(in srgb,var(--o4-accent,#b66bb0) 10%,transparent),
      transparent 18rem
    ),
    linear-gradient(
      155deg,
      color-mix(in srgb,var(--o4-surface,#120b18) 96%,transparent),
      var(--o4-bg-deep,#09060d)
    );
  box-shadow:0 28px 80px var(--o4-shadow,rgba(0,0,0,.34));
}

.account-panel-head{
  border-bottom-color:var(--o4-line,rgba(244,232,249,.10));
}

.account-identity-text strong{
  color:var(--o4-ink,#f7f2f8)!important;
}

.account-identity-text small,
.account-panel-note,
.account-section-heading .account-panel-note{
  color:var(--o4-muted,#a99eac)!important;
}

.account-discord-mark{
  color:var(--o4-cyan,#83c8dc)!important;
}

.account-close{
  color:var(--o4-muted,#a99eac);
  border-color:var(--o4-line,rgba(244,232,249,.10));
  background:color-mix(in srgb,var(--o4-surface,#120b18) 48%,transparent);
}

.account-close:hover{
  color:var(--o4-ink,#f7f2f8);
  border-color:var(--o4-line-strong,rgba(244,232,249,.18));
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 7%,var(--o4-surface,#120b18));
}

.panel-section-title{
  color:var(--o4-dim,#756b79)!important;
}

.panel-balance{
  color:var(--o4-ink,#f7f2f8);
  border-color:var(--o4-line,rgba(244,232,249,.10));
  background:color-mix(in srgb,var(--o4-surface,#120b18) 54%,transparent);
}

.panel-balance-icon{
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 12%,transparent)!important;
  color:var(--o4-accent-2,#dca5d2)!important;
}

.panel-balance .panel-balance-label{
  color:var(--o4-muted,#a99eac)!important;
}

.panel-balance strong{
  color:var(--o4-ink,#f7f2f8)!important;
}

.account-buy-arcana{
  border-color:color-mix(in srgb,var(--o4-accent,#b66bb0) 36%,var(--o4-line));
  background:linear-gradient(
    105deg,
    color-mix(in srgb,var(--o4-accent,#b66bb0) 34%,var(--o4-surface,#120b18)),
    color-mix(in srgb,var(--o4-accent-2,#dca5d2) 22%,var(--o4-surface,#120b18))
  );
  color:var(--o4-ink,#f7f2f8);
}

.account-buy-arcana strong{
  color:var(--o4-ink,#f7f2f8)!important;
}

.account-buy-icon{
  border-color:var(--o4-line,rgba(244,232,249,.10));
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 14%,transparent);
  color:var(--o4-accent-2,#dca5d2);
}

.account-buy-arrow{
  color:var(--o4-accent-2,#dca5d2);
}

.account-tools-rule{
  background:linear-gradient(
    90deg,
    color-mix(in srgb,var(--o4-accent,#b66bb0) 25%,transparent),
    transparent
  );
}

.account-tool-card{
  color:var(--o4-ink,#f7f2f8);
  border-color:var(--o4-line,rgba(244,232,249,.10));
  background:color-mix(in srgb,var(--o4-surface,#120b18) 46%,transparent);
}

.account-tool-card:hover{
  color:var(--o4-ink,#f7f2f8);
  border-color:var(--o4-line-strong,rgba(244,232,249,.18));
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 6%,var(--o4-surface,#120b18));
}

.account-tool-icon{
  border-color:var(--o4-line,rgba(244,232,249,.10));
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 10%,transparent);
  color:var(--o4-accent-2,#dca5d2);
}

.account-tool-copy strong{
  color:var(--o4-ink,#f7f2f8)!important;
}

.account-tool-copy small{
  color:var(--o4-muted,#a99eac)!important;
}

.account-tool-arrow{
  color:var(--o4-dim,#756b79);
}

.account-logout{
  color:var(--o4-ink,#f7f2f8);
  border-color:color-mix(in srgb,var(--o4-accent,#b66bb0) 24%,var(--o4-line));
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 9%,var(--o4-surface,#120b18));
}

.account-logout span{
  color:var(--o4-accent-2,#dca5d2);
}

.account-logout:hover{
  background:color-mix(in srgb,var(--o4-accent,#b66bb0) 15%,var(--o4-surface,#120b18));
}

/* Light mode uses the same component hierarchy, not a dark drawer. */
html[data-theme="light"] .account-backdrop{
  background:rgba(49,34,48,.12);
}

html[data-theme="light"] .account-panel{
  background:
    radial-gradient(circle at 88% 4%,rgba(118,80,135,.08),transparent 18rem),
    linear-gradient(155deg,#f3f4f7,#e1e4ea);
  border-color:rgba(35,39,56,.15);
  box-shadow:0 28px 70px rgba(46,49,66,.16);
}

html[data-theme="light"] .account-close,
html[data-theme="light"] .panel-balance,
html[data-theme="light"] .account-tool-card{
  background:rgba(255,255,255,.40);
}

html[data-theme="light"] .account-buy-arcana{
  background:linear-gradient(105deg,rgba(118,80,135,.16),rgba(63,127,146,.10));
  border-color:rgba(118,80,135,.25);
}

html[data-theme="light"] .account-logout{
  background:rgba(118,80,135,.075);
}

@media(max-width:720px){
  html[data-theme="light"] .account-panel{
    border-top-color:rgba(55,37,58,.13);
  }
}