/* Final account visual layer: atmospheric lighting and subdued glass surfaces. */
body:has(.account-dashboard-page),
.account-dashboard-page {
  background:
    radial-gradient(ellipse 62% 42% at 78% 4%, rgba(20,112,151,.18), transparent 68%),
    radial-gradient(ellipse 50% 36% at 30% 22%, rgba(8,67,103,.16), transparent 72%),
    radial-gradient(ellipse 54% 40% at 88% 76%, rgba(15,81,112,.10), transparent 74%),
    linear-gradient(180deg,#02080e 0%,#02070c 52%,#010407 100%) !important;
  background-attachment: fixed !important;
}
.account-dashboard-page :is(.account-dashboard-shell,.account-dashboard-content,.account-workspace-section,.account-overview) {
  background: transparent !important;
}
.account-dashboard-page .account-speed-overview {
  border-color: rgba(76,151,181,.25) !important;
  background: radial-gradient(ellipse 72% 58% at 50% 104%,rgba(25,149,181,.14),transparent 66%),linear-gradient(145deg,rgba(3,17,28,.82),rgba(1,9,16,.72)) !important;
  box-shadow: inset 0 1px 0 rgba(185,230,242,.025),0 20px 55px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(8px) !important;
}
.account-dashboard-page :is(.account-speedometer,.account-speed-side) {
  border-color: rgba(75,143,167,.22) !important;
  background: rgba(3,16,24,.56) !important;
  box-shadow: inset 0 1px 0 rgba(202,238,246,.02) !important;
}
.account-dashboard-page :is(.account-speed-achievement,.account-speed-summary article) {
  border-color: rgba(78,137,159,.25) !important;
  background: rgba(5,18,25,.44) !important;
  box-shadow: none !important;
}
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority,
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority.active,
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority:not(.active) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority::before,
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority.active::before,
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority:not(.active)::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.account-dashboard-page .account-dashboard-nav-v2 > .account-profile-priority:hover {
  background: rgba(52,103,123,.10) !important;
}
.account-dashboard-page .account-sidebar-logo .brand-name {
  filter: drop-shadow(0 0 13px rgba(55,181,215,.19)) !important;
}
.account-dashboard-page .account-sidebar-logo .brand-name strong {
  color: #f3f8fb !important;
  text-shadow: 0 0 12px rgba(203,236,245,.10) !important;
}
.account-dashboard-page .account-sidebar-logo .brand-name small {
  color: #55c6e2 !important;
  text-shadow: 0 0 10px rgba(45,181,216,.20) !important;
}

/* v454: white workspace navigation and a fixed center-facing ambient glow. */
body:has(.account-dashboard-page),
.account-dashboard-page {
  background:
    radial-gradient(ellipse 48% 66% at 55% 40%,rgba(60,82,89,.25) 0%,rgba(29,53,63,.15) 38%,rgba(8,29,42,.065) 60%,transparent 79%),
    linear-gradient(90deg,#010508 0%,#050b0f 18%,#081116 50%,#050b0f 82%,#010508 100%) !important;
  background-attachment: fixed !important;
}
.account-dashboard-page .account-workspace-topnav > a,
.account-dashboard-page .account-workspace-topnav > button,
.account-dashboard-page .account-workspace-topnav > .account-workspace-alerts,
.account-dashboard-page .account-workspace-topnav > .account-workspace-cart {
  color: #edf3f5 !important;
}
.account-dashboard-page .account-workspace-topnav > a > img {
  filter: grayscale(1) brightness(0) invert(1) !important;
  opacity: .9 !important;
}
.account-dashboard-page .account-workspace-topnav > a svg,
.account-dashboard-page .account-workspace-topnav > button svg {
  stroke: currentColor !important;
  opacity: .94 !important;
}

/* v455: wider desktop speedometer with restrained luminous accents. */
@media (min-width: 1081px) {
  .account-dashboard-page .speed-v183 .account-speed-layout {
    grid-template-columns: minmax(0,2.05fr) minmax(320px,.78fr) !important;
    gap: 14px !important;
  }
  .account-dashboard-page .speed-v183 .account-speedometer {
    min-height: 470px !important;
  }
  .account-dashboard-page .speed-v183 .account-speed-svg {
    height: 398px !important;
  }
}
.account-dashboard-page .account-speed-overview {
  box-shadow: inset 0 1px 0 rgba(205,247,255,.045),0 0 0 1px rgba(40,161,192,.035),0 20px 58px rgba(0,0,0,.22),0 0 34px rgba(18,126,158,.055) !important;
}
.account-dashboard-page .account-overview-metrics article {
  border-color: rgba(71,157,184,.24) !important;
  box-shadow: inset 0 1px 0 rgba(205,246,255,.035),0 10px 30px rgba(0,0,0,.16),0 0 22px rgba(27,142,174,.045) !important;
}
.account-dashboard-page .account-overview-metrics article > strong,
.account-dashboard-page .account-speed-summary article > strong,
.account-dashboard-page .account-speed-achievement > strong {
  color: #f3fbfd !important;
  text-shadow: 0 0 15px rgba(107,219,238,.13) !important;
}
.account-dashboard-page .account-overview-metrics .account-metric-icon,
.account-dashboard-page .account-overview-actions a > i {
  filter: brightness(1.18) drop-shadow(0 0 7px rgba(57,210,232,.32)) !important;
}
.account-dashboard-page .account-overview-actions a {
  border-color: rgba(68,155,183,.25) !important;
  box-shadow: inset 0 1px 0 rgba(210,249,255,.04),0 12px 32px rgba(0,0,0,.18),0 0 24px rgba(24,139,171,.05) !important;
}
.account-dashboard-page .account-overview-actions a:hover {
  border-color: rgba(86,196,222,.46) !important;
  background-color: #102936 !important;
  box-shadow: inset 0 1px 0 rgba(224,252,255,.07),0 14px 36px rgba(0,0,0,.22),0 0 28px rgba(38,180,211,.12) !important;
}
.account-dashboard-page .account-speed-summary article,
.account-dashboard-page .account-speed-achievement {
  box-shadow: inset 0 1px 0 rgba(213,248,255,.025),0 0 18px rgba(27,139,168,.035) !important;
}

/* v456: data-aware highlights, goals, achievements and recent orders. */
.account-dashboard-page .has-data.account-speed-overview {
  border-color: rgba(76,205,227,.42) !important;
  box-shadow: inset 0 1px 0 rgba(218,252,255,.07),0 0 0 1px rgba(45,185,211,.07),0 20px 62px rgba(0,0,0,.24),0 0 38px rgba(27,178,207,.12) !important;
}
.account-dashboard-page .has-data :is(.account-speed-readout,.account-speed-achievement) {
  border-color: rgba(101,224,239,.5) !important;
  box-shadow: 0 0 24px rgba(42,199,220,.15),inset 0 1px 0 rgba(235,255,255,.08) !important;
}
.account-dashboard-page .stats-workspace.has-data :is(.stat-metrics dd,.stat-scope-head strong,.stat-sync > span) {
  color: #eafbfd !important;
  text-shadow: 0 0 16px rgba(80,218,235,.2) !important;
}
.account-dashboard-page .stats-workspace.has-data :is(.stat-radar-section,.stat-trend-section,.stat-metrics > div) {
  border-color: rgba(72,179,204,.34) !important;
  box-shadow: inset 0 1px 0 rgba(222,252,255,.035),0 0 24px rgba(30,155,185,.065) !important;
}
.account-overview-extras {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr);
  gap: 16px;
}
.account-overview-extras > article {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(70,151,178,.23);
  border-radius: 20px;
  background: rgba(3,14,22,.68);
  box-shadow: inset 0 1px 0 rgba(214,249,255,.035),0 14px 38px rgba(0,0,0,.18),0 0 28px rgba(22,135,165,.045);
}
.account-overview-extras header {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.account-overview-extras header small {
  color: #63bfd3;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.account-overview-extras header h2 { margin: 4px 0 0; color: #eef7f9; font-size: 20px; }
.account-overview-extras header a { color: #72bfd0; font-size: 11px; font-weight: 750; text-decoration: none; }
.account-next-goal {
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 5px 12px;
  border: 1px solid rgba(72,161,188,.24);
  border-radius: 14px;
  background: rgba(5,21,31,.58);
}
.account-next-goal div { display: grid; gap: 3px; }
.account-next-goal strong { color: #dcebef; font-size: 12px; }
.account-next-goal span { color: #79cadb; font-size: 16px; font-weight: 850; }
.account-next-goal b { align-self: center; color: #eefbfd; font-size: 14px; }
.account-next-goal > i { grid-column: 1/-1; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(81,139,157,.17); }
.account-next-goal > i > span { display: block; height: 100%; border-radius: inherit; background: #54c4dc; box-shadow: 0 0 12px rgba(65,201,225,.4); }
.account-achievement-list { margin-top: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.account-achievement-list article {
  min-width: 0;
  padding: 11px;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(68,128,149,.2);
  border-radius: 12px;
  background: rgba(3,14,21,.5);
}
.account-achievement-list article > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(75,130,148,.12); color: #769eac; font-size: 11px; font-weight: 900; }
.account-achievement-list article > div { min-width: 0; display: grid; gap: 3px; }
.account-achievement-list strong,.account-achievement-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-achievement-list strong { color: #c9d9de; font-size: 11px; }
.account-achievement-list small { color: rgba(157,183,193,.6); font-size: 9px; }
.account-achievement-list article.is-earned { border-color: rgba(59,190,211,.34); box-shadow: 0 0 18px rgba(38,177,201,.07); }
.account-achievement-list article.is-earned > span { background: rgba(29,151,174,.2); color: #7ee2ef; box-shadow: 0 0 14px rgba(50,192,215,.13); }
.account-recent-list { display: grid; gap: 9px; }
.account-recent-list > a {
  min-height: 58px;
  padding: 9px 12px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(66,131,153,.2);
  border-radius: 12px;
  background: rgba(4,16,24,.54);
  color: #dcebef;
  text-decoration: none;
}
.account-recent-list > a:hover { border-color: rgba(74,184,208,.4); background: rgba(8,30,41,.7); box-shadow: 0 0 20px rgba(35,165,193,.08); }
.account-recent-list > a > span { color: #62bfd2; font-size: 10px; font-weight: 900; }
.account-recent-list > a > div { min-width: 0; display: grid; gap: 4px; }
.account-recent-list strong,.account-recent-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-recent-list strong { font-size: 12px; }
.account-recent-list small { color: rgba(151,179,190,.62); font-size: 9px; }
.account-recent-list b { color: #61c7dc; font-size: 19px; }
.account-recent-empty { min-height: 124px; display: grid; place-content: center; justify-items: center; gap: 9px; color: rgba(177,198,206,.72); }
.account-recent-empty a { color: #6bcadd; font-size: 11px; font-weight: 800; }
@media (max-width: 1080px) {
  .account-overview-extras { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .account-overview-extras > article { padding: 14px; border-radius: 16px; }
  .account-achievement-list { grid-template-columns: 1fr; }
}

/* v457: reward controls live inside the profile surface. */
.account-profile-page #account-achievements { margin: 18px 22px 24px; }
.account-profile-page .account-overview-extras { margin-top: 0; }
.account-achievement-list article > div { overflow: visible; }
.account-achievement-list article form { margin: 8px 0 0; }
.account-achievement-list article form button {
  width: 100%;
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid rgba(64,184,207,.36) !important;
  border-radius: 9px;
  background: #0d2d39 !important;
  color: #dff9fc !important;
  font: inherit;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 0 16px rgba(42,178,203,.08) !important;
}
.account-achievement-list article form button:hover { border-color: rgba(83,217,237,.58) !important; background: #123b49 !important; }
.account-reward-code { margin-top: 7px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 7px; }
.account-reward-code small { grid-column: 1/-1; color: rgba(145,185,197,.64); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.account-reward-code code { min-width: 0; overflow: hidden; color: #8ce8f2; font: 850 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow: ellipsis; }
.account-reward-code span { color: #83d9e5; font-size: 9px; font-weight: 850; }
.account-reward-locked { display: block; margin-top: 7px; color: rgba(139,165,175,.55) !important; white-space: normal !important; line-height: 1.35; }
.account-achievement-list article.is-claimed { border-color: rgba(78,208,222,.44); background: rgba(6,31,40,.68); box-shadow: inset 0 1px 0 rgba(220,253,255,.04),0 0 22px rgba(44,187,207,.11); }
.account-achievement-list article.is-claimed > span { background: rgba(34,171,184,.25); color: #a7f5fa; box-shadow: 0 0 15px rgba(55,211,224,.18); }
@media (max-width: 760px) {
  .account-profile-page #account-achievements { margin: 12px; }
}

/* v458: full-width profile goals with order history below. */
.account-profile-page .account-overview-extras {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 16px !important;
}
.account-profile-page .account-overview-extras > article {
  width: 100%;
  padding: 24px !important;
}
.account-profile-page .account-overview-extras header { margin-bottom: 20px; }
.account-profile-page .account-overview-extras header h2 {
  font-size: clamp(22px,1.7vw,28px);
  letter-spacing: -.025em;
}
.account-profile-page .account-next-goal {
  min-height: 82px;
  padding: 16px 18px;
}
.account-profile-page .account-next-goal strong { font-size: 13px; }
.account-profile-page .account-next-goal span { font-size: clamp(18px,1.5vw,23px); }
.account-profile-page .account-next-goal b { font-size: 17px; }
.account-profile-page .account-next-goal > i { height: 7px; }
.account-profile-page .account-achievement-list { margin-top: 16px; gap: 14px; }
.account-profile-page .account-achievement-list article {
  min-height: 112px;
  padding: 16px;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 13px;
  border-radius: 15px;
}
.account-profile-page .account-achievement-list article > span {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  font-size: 15px;
}
.account-profile-page .account-achievement-list strong { font-size: 14px; }
.account-profile-page .account-achievement-list small { font-size: 10px; }
.account-profile-page .account-achievement-list article form button { min-height: 38px; font-size: 10px; }
.account-profile-page .account-reward-code code { font-size: 12px; }
.account-profile-page .account-recent-list {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.account-profile-page .account-recent-list > a { min-height: 76px; padding: 13px 15px; }
.account-profile-page .account-recent-list strong { font-size: 14px; }
.account-profile-page .account-recent-list small { font-size: 10px; }
.account-profile-page .account-recent-empty { grid-column: 1/-1; min-height: 130px; }
@media (max-width: 900px) {
  .account-profile-page .account-recent-list { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .account-profile-page .account-overview-extras > article { padding: 15px !important; }
  .account-profile-page .account-next-goal { min-height: 72px; padding: 13px; }
  .account-profile-page .account-achievement-list article { min-height: 92px; padding: 13px; }
}

/* v459: minimal profile sections without redundant outer cards. */
.account-profile-page .account-overview-extras > .account-goals-card,
.account-profile-page .account-overview-extras > .account-recent-card {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.account-profile-page .account-overview-extras > article > header {
  margin: 0 0 14px !important;
  padding: 0 2px !important;
}
.account-profile-page .account-recent-card {
  padding-top: 4px !important;
}
.account-profile-page .account-recent-empty {
  min-height: 96px;
}

/* v460: three independent profile surfaces. */
.account-profile-page .account-overview-extras {
  grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr) !important;
  align-items: stretch;
}
.account-profile-page .account-overview-extras > .account-goals-card,
.account-profile-page .account-overview-extras > .account-achievements-card,
.account-profile-page .account-overview-extras > .account-recent-card {
  width: auto;
  padding: 20px !important;
  border: 1px solid rgba(70,151,178,.23) !important;
  border-radius: 18px !important;
  background: rgba(3,14,22,.64) !important;
  box-shadow: inset 0 1px 0 rgba(214,249,255,.03),0 13px 34px rgba(0,0,0,.16) !important;
}
.account-profile-page .account-overview-extras > .account-goals-card {
  grid-column: 1/-1;
}
.account-profile-page .account-achievements-card .account-achievement-list {
  margin-top: 0;
}
.account-profile-page .account-recent-card {
  padding-top: 20px !important;
}
.account-profile-page .account-recent-card .account-recent-list {
  grid-template-columns: 1fr;
}
@media (max-width: 1080px) {
  .account-profile-page .account-overview-extras { grid-template-columns: 1fr !important; }
  .account-profile-page .account-overview-extras > .account-goals-card { grid-column: auto; }
}
@media (max-width: 650px) {
  .account-profile-page .account-overview-extras > .account-goals-card,
  .account-profile-page .account-overview-extras > .account-achievements-card,
  .account-profile-page .account-overview-extras > .account-recent-card {
    padding: 14px !important;
    border-radius: 15px !important;
  }
}

/* v461: restore combined goals layout and break the oversized profile outline. */
.account-profile-page .account-profile-dialog.account-profile-steam {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.account-profile-page .account-profile-dialog.account-profile-steam > header {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.account-profile-page .account-profile-hero {
  overflow: hidden;
  border: 1px solid rgba(66,139,164,.23) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.18) !important;
}
.account-profile-page .account-overview-extras {
  grid-template-columns: minmax(0,1fr) !important;
}
.account-profile-page .account-overview-extras > .account-goals-card,
.account-profile-page .account-overview-extras > .account-recent-card {
  grid-column: auto !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.account-profile-page .account-recent-card .account-recent-list {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
@media (max-width: 900px) {
  .account-profile-page .account-recent-card .account-recent-list { grid-template-columns: 1fr; }
}


/* v462: the embedded profile is a page, not one giant outlined modal. */
html body .account-profile-modal.account-profile-page,
html body .account-profile-modal.account-profile-page > .account-profile-dialog.account-profile-steam {
  border: 0 !important;
  outline: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body .account-profile-modal.account-profile-page::before,
html body .account-profile-modal.account-profile-page::after,
html body .account-profile-modal.account-profile-page > .account-profile-dialog.account-profile-steam::before,
html body .account-profile-modal.account-profile-page > .account-profile-dialog.account-profile-steam::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .account-profile-modal.account-profile-page > .account-profile-dialog.account-profile-steam {
  border-radius: 0 !important;
  overflow: visible !important;
}


/* v463: two clear profile sections: progress and order history. */
html body .account-profile-page .account-overview-extras > .account-goals-card,
html body .account-profile-page .account-overview-extras > .account-recent-card {
  width: 100% !important;
  padding: 22px !important;
  border: 1px solid rgba(66,139,164,.22) !important;
  border-radius: 18px !important;
  background: rgba(3,14,22,.62) !important;
  box-shadow: inset 0 1px 0 rgba(214,249,255,.025),0 14px 34px rgba(0,0,0,.13) !important;
}
html body .account-profile-page .account-overview-extras {
  gap: 16px !important;
}
@media (max-width: 650px) {
  html body .account-profile-page .account-overview-extras > .account-goals-card,
  html body .account-profile-page .account-overview-extras > .account-recent-card {
    padding: 15px !important;
    border-radius: 15px !important;
  }
}


/* v464: four balanced reward cards including the current views milestone. */
html body .account-profile-page .account-achievement-list {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
@media (max-width: 1100px) {
  html body .account-profile-page .account-achievement-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  html body .account-profile-page .account-achievement-list { grid-template-columns: 1fr; }
}


/* v465: milestone claim stays in the goal; history and active rewards share one row. */
html body .account-profile-page .account-achievement-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
html body .account-profile-page .account-goal-reward { grid-column: 1/-1; margin-top: 7px; }
html body .account-profile-page .account-goal-reward button {
  width: 100%; min-height: 42px; border: 1px solid rgba(78,211,230,.52); border-radius: 11px;
  background: rgba(18,57,70,.9); color: #effdff; font: inherit; font-size: 12px; font-weight: 850; cursor: pointer;
  box-shadow: 0 0 22px rgba(41,193,216,.12);
}
html body .account-profile-page .account-reward-received { color: #79cadb !important; font-weight: 750; }
html body .account-profile-page .account-history-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); gap: 16px; }
html body .account-profile-page .account-history-grid > article {
  min-width: 0; padding: 22px; border: 1px solid rgba(66,139,164,.22); border-radius: 18px;
  background: rgba(3,14,22,.62); box-shadow: inset 0 1px 0 rgba(214,249,255,.025),0 14px 34px rgba(0,0,0,.13);
}
html body .account-profile-page .account-history-grid header { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:16px; }
html body .account-profile-page .account-promos-list { display:grid; gap:10px; }
html body .account-profile-page .account-promos-list article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:center; min-height:72px; padding:12px; border:1px solid rgba(69,155,180,.24); border-radius:13px; background:rgba(5,22,31,.62); }
html body .account-profile-page .account-promos-list article > span { color:#79d8e8; font-weight:900; }
html body .account-profile-page .account-promos-list article > div { min-width:0; display:grid; gap:3px; }
html body .account-profile-page .account-promos-list code { color:#eefcff; font:800 12px/1.2 ui-monospace,SFMono-Regular,monospace; overflow:hidden; text-overflow:ellipsis; }
html body .account-profile-page .account-promos-list small { color:rgba(157,183,193,.68); font-size:9px; }
html body .account-profile-page .account-promos-empty { min-height:130px; display:grid; place-content:center; justify-items:center; gap:7px; color:rgba(177,198,206,.72); text-align:center; }
@media (max-width: 900px) { html body .account-profile-page .account-history-grid { grid-template-columns:1fr; } }
@media (max-width: 650px) {
  html body .account-profile-page .account-achievement-list { grid-template-columns:1fr !important; }
  html body .account-profile-page .account-history-grid > article { padding:15px; border-radius:15px; }
}




/* v468: compact stacked WWC wordmark, matching the header mark. */
html body .account-dashboard-page .account-sidebar-logo { justify-content: flex-start !important; padding-left: 24px !important; }
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc {
  width: 150px !important; min-width: 150px !important; display: grid !important;
  grid-template-columns: 1fr !important; grid-template-rows: repeat(3,auto) !important;
  row-gap: 0 !important; column-gap: 0 !important; align-content: center !important; justify-items: center !important; text-align: center !important;
  filter: none !important; line-height: .72 !important;
}
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc strong {
  grid-column: 1 !important; grid-row: auto !important; width: auto !important;
  color: #f3f6f8 !important; font-size: 46px !important; font-weight: 950 !important;
  line-height: .72 !important; letter-spacing: -2.3px !important;
}
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc small {
  grid-column: 1 !important; grid-row: auto !important; margin-top: 4px !important;
  color: #64cadc !important; font-size: 17px !important; font-weight: 950 !important;
  line-height: 1 !important; letter-spacing: .1em !important; justify-self: center !important; text-align: center !important;
}
html body .account-dashboard-page .account-sidebar-logo > b { display: none !important; }


/* v473: reference-style centered wordmark with a restrained cyan halo. */
html body .account-dashboard-page .account-sidebar-logo {
  position: relative !important; isolation: isolate !important; overflow: visible !important;
  min-height: 174px !important; margin-bottom: 10px !important; padding: 24px 18px 31px !important;
  justify-content: center !important; align-items: center !important;
}
html body .account-dashboard-page .account-sidebar-logo::before {
  content: "" !important; position: absolute !important; z-index: -1 !important;
  top: 21px !important; left: 50% !important; width: 126px !important; height: 126px !important;
  border: 1px solid rgba(54,190,222,.38) !important; border-left-color: transparent !important;
  border-bottom-color: rgba(32,121,151,.1) !important; border-radius: 50% !important;
  background: radial-gradient(circle at 42% 46%,rgba(31,132,168,.24),rgba(6,38,57,.15) 48%,rgba(2,12,20,0) 72%) !important;
  box-shadow: inset -14px 0 28px rgba(15,133,174,.08),0 0 34px rgba(24,153,194,.08) !important;
  transform: translateX(-50%) !important; pointer-events: none !important;
}
html body .account-dashboard-page .account-sidebar-logo::after {
  content: "" !important; position: absolute !important; z-index: 0 !important;
  left: 22px !important; right: 22px !important; bottom: 4px !important; height: 1px !important;
  background: linear-gradient(90deg,transparent,rgba(65,128,148,.18) 28%,rgba(103,234,246,.9) 49%,rgba(65,128,148,.18) 70%,transparent) !important;
  box-shadow: 0 0 8px rgba(75,223,239,.34) !important; pointer-events: none !important;
}
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc {
  position: relative !important; z-index: 1 !important; width: 142px !important; min-width: 142px !important;
  justify-items: center !important; text-align: center !important;
  filter: drop-shadow(0 0 10px rgba(75,219,237,.12)) !important;
}
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc strong {
  font-size: 42px !important; line-height: .72 !important; letter-spacing: -2.1px !important;
}
html body .account-dashboard-page .account-sidebar-logo .account-sidebar-wwc small {
  margin-top: 7px !important; font-size: 16px !important; letter-spacing: .11em !important;
  text-shadow: 0 0 10px rgba(58,215,233,.34) !important;
}