html.playarc, body.acct-pub {
  margin: 0;
  min-height: 100%;
  background: transparent;
  color: #e8f0fa;
  font-family: Vazirmatn, Tahoma, sans-serif;
}
body.acct-pub { padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)); }
.acct-main { width: min(1120px, calc(100% - 32px)); margin: 18px auto 0; }
.acct-boot, .acct-miss, .acct-empty {
  margin: 48px 0;
  text-align: center;
  color: rgba(200, 216, 232, .72);
}

.acct-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 18px;
  padding: 22px 22px 20px;
  border-radius: 28px;
  background:
    radial-gradient(1200px 280px at 80% -10%, rgba(94, 200, 255, .18), transparent 55%),
    radial-gradient(800px 240px at 0% 120%, rgba(240, 184, 74, .14), transparent 50%),
    linear-gradient(180deg, rgba(12, 22, 38, .92), rgba(6, 10, 18, .88));
  box-shadow: 0 24px 50px -28px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(170, 214, 255, .14);
}
.acct-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: .12em;
  color: rgba(158, 231, 255, .86);
}
.acct-live {
  width: 8px; height: 8px; border-radius: 50%;
  background: #3de0a0;
  box-shadow: 0 0 0 0 rgba(61, 224, 160, .7);
  animation: acctPulse 1.8s ease-out infinite;
}
@keyframes acctPulse {
  0% { box-shadow: 0 0 0 0 rgba(61, 224, 160, .55); }
  100% { box-shadow: 0 0 0 12px rgba(61, 224, 160, 0); }
}
.acct-hero h1 {
  margin: 0;
  font-size: clamp(22px, 4vw, 34px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.acct-hero p.lead {
  margin: 8px 0 0;
  max-width: 46rem;
  color: rgba(200, 216, 232, .78);
  line-height: 1.7;
}
.acct-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.acct-stat {
  padding: 14px 14px 12px;
  border-radius: 18px;
  background: rgba(4, 10, 18, .45);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
}
.acct-stat b {
  display: block;
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #f4fbff;
}
.acct-stat em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 12px;
  color: rgba(200, 216, 232, .7);
}
.acct-stat.is-sold b { color: #ffe29a; }
.acct-stat.is-host b { color: #9ee7ff; }

.acct-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.acct-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  color: inherit;
  text-decoration: none;
  background: rgba(8, 14, 26, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .12);
}
.acct-card:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42), 0 16px 30px -22px #5ec8ff; }
.acct-card-art {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  min-height: 92px;
}
.acct-card-art img, .acct-show-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 12px;
  background: #0b1524;
}
.acct-card-art .ph {
  border-radius: 12px;
  background: linear-gradient(180deg, #142033, #0b1524);
}
.acct-card-meta, .acct-show-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.acct-code { font-family: Saira, Vazirmatn, sans-serif; letter-spacing: .08em; font-weight: 700; }
.acct-views { font-size: 11px; color: rgba(200, 216, 232, .62); }
.acct-slots { display: flex; gap: 6px; }
.acct-slot {
  display: inline-flex; align-items: center; gap: 4px;
  height: 22px; padding: 0 8px; border-radius: 8px;
  font-size: 11px; font-weight: 800;
  background: rgba(20, 32, 48, .9);
}
.acct-slot.is-sold { background: #c4455c; color: #fff; }
.acct-slot.is-on { background: rgba(61, 224, 160, .16); color: #8dffcf; }
.acct-region { font-size: 12px; color: rgba(200, 216, 232, .7); }

.acct-show { display: grid; gap: 16px; }
.acct-show-head {
  display: grid; gap: 10px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(12, 22, 38, .9), rgba(6, 10, 18, .86));
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .12);
}
.acct-show-head h1 { margin: 0; font-size: 28px; }
.acct-caps { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.acct-cap {
  padding: 14px;
  border-radius: 16px;
  background: rgba(4, 10, 18, .5);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
}
.acct-cap h2 { margin: 0 0 8px; font-size: 14px; }
.acct-cap ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; color: rgba(220, 230, 240, .8); font-size: 13px; }
.acct-show-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 10px;
}
.acct-game { display: grid; gap: 6px; color: inherit; text-decoration: none; }
.acct-game span { font-size: 12px; line-height: 1.35; color: rgba(210, 224, 238, .86); }
.acct-back { color: #9ee7ff; text-decoration: none; font-size: 13px; }

@media (max-width: 720px) {
  .acct-stats, .acct-caps { grid-template-columns: 1fr; }
  .acct-main { width: calc(100% - 20px); margin-top: 12px; }
  .acct-hero { padding: 16px 14px 14px; border-radius: 22px; }
  .acct-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .acct-card { padding: 10px; border-radius: 16px; }
}

.acct-plus {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  height: 26px;
  padding: 0 10px 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #f6e0a6;
  background:
    linear-gradient(180deg, rgba(42, 34, 14, .95), rgba(16, 12, 6, .92));
  box-shadow: inset 0 0 0 1px rgba(243, 212, 138, .42);
}
.acct-plus .acct-plus-mark { width: 13px; height: 13px; }
.acct-plus i { font-style: normal; opacity: .92; font-variant-numeric: tabular-nums; }
.acct-plus.is-extra {
  color: #e4d4ff;
  background: linear-gradient(180deg, rgba(32, 22, 48, .95), rgba(12, 8, 20, .92));
  box-shadow: inset 0 0 0 1px rgba(180, 150, 255, .45);
}
.acct-plus.is-essential {
  color: #c8f3ff;
  background: linear-gradient(180deg, rgba(12, 28, 40, .95), rgba(6, 12, 20, .92));
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42);
}

/* ===== PA_ACCOUNTS_PHONE_V1 ===== */
@media (max-width: 820px) {
  /* unified PS-App white pill buttons/links */
  .acct-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: #f4f8ff;
    color: #0b1626;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    transition: transform .15s ease;
  }
  .acct-back:active { transform: scale(.97); }

  /* dimmed gray state for unoffered slots */
  .acct-slot:not(.is-sold):not(.is-on) {
    background: rgba(118, 130, 148, .22);
    color: rgba(198, 212, 228, .62);
    box-shadow: inset 0 0 0 1px rgba(170, 184, 200, .18);
  }

  /* overflow fixes on 2-col cards */
  .acct-slots { flex-wrap: wrap; }
  .acct-card-meta { flex-wrap: wrap; row-gap: 2px; }
  .acct-card .acct-code { font-size: 12px; overflow-wrap: anywhere; }
  .acct-card .acct-views { flex-shrink: 0; }

  /* calmer hero/show type scale */
  .acct-hero { gap: 14px; }
  .acct-hero h1 { font-size: 22px; }
  .acct-hero p.lead { font-size: 13px; }
  .acct-show-head { padding: 14px; border-radius: 20px; }
  .acct-show-head h1 { font-size: 22px; }
  .acct-caps { gap: 8px; }
  .acct-cap { padding: 12px; border-radius: 14px; }
  .acct-game span { font-size: 11px; }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .acct-back { transition: none; }
  .acct-back:active { transform: none; }
}

/* ===== PA_ACCT_DETAIL_V1 (2026-09-17) — public account detail =====
   Append-only block. Facts row (region + flag, status, PlayArc price, capacity,
   verification) and the COMPLETE library grid: cover, P.5/P.4 badge, region /
   edition, PSN purchase date in tabular LTR digits. */
.acct-show-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-top: 2px;
}
.acct-fact {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(4, 10, 18, .5);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
}
.acct-fact em { font-style: normal; font-size: 11px; color: rgba(200, 216, 232, .66); }
.acct-fact b { font-size: 13px; font-weight: 800; color: #eaf4ff; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.acct-flag { width: 20px; height: 15px; border-radius: 4px; object-fit: cover; box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .3); }
.acct-state { font-size: 13px; font-weight: 800; }
.acct-state.is-ready { color: #8dffcf; }
.acct-state.is-selling { color: #9ee7ff; }
.acct-state.is-sold { color: #ff9db1; }
.acct-verify { font-size: 12px; font-weight: 700; }
.acct-verify.is-ok { color: #8dffcf; }
.acct-verify.is-none { color: rgba(200, 216, 232, .62); }
.num { font-variant-numeric: tabular-nums; }

.acct-lib {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(12, 22, 38, .9), rgba(6, 10, 18, .86));
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .12);
}
.acct-lib-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.acct-lib-head h2 { margin: 0; font-size: 16px; }
.acct-lib-count { display: inline-flex; align-items: baseline; gap: 5px; font-size: 12px; color: rgba(200, 216, 232, .8); }
.acct-lib-count b { font-size: 20px; font-weight: 800; color: #9ee7ff; }
.acct-lib-split {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 9px 0 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  background: rgba(20, 32, 48, .9);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .14);
}
.acct-lib-split img { width: 13px; height: 13px; object-fit: contain; }
.acct-lib-split.is-ps5 { color: #d8ecff; }
.acct-lib-split.is-ps4 { color: #ffe6c2; }
.acct-lib-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 10px;
}
.acct-lib .acct-game {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  border-radius: 14px;
  background: rgba(8, 14, 26, .68);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
  color: inherit;
  text-decoration: none;
}
.acct-lib a.acct-game:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42); }
.acct-lib .acct-game.is-unknown { opacity: .85; }
.acct-lib .acct-game-art {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(180deg, #142033, #0b1524);
}
.acct-lib .acct-game-ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: .04em;
  color: rgba(168, 188, 216, .46);
}
.acct-lib .acct-game-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  opacity: 0;
  transition: opacity .18s ease;
}
.acct-lib .acct-game-cover.is-on { opacity: 1; }
.acct-lib .acct-game-name {
  font-size: 11.5px;
  line-height: 1.4;
  font-weight: 700;
  color: #e8f0fa;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.acct-lib .acct-game-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.acct-lib .acct-game-meta em { font-style: normal; font-size: 10px; color: rgba(200, 216, 232, .74); }
.acct-lib .acct-game-notag { color: rgba(255, 210, 140, .92) !important; font-weight: 700; }
.acct-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 18px;
  padding: 0 6px 0 4px;
  border-radius: 999px;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 800;
  background: rgba(20, 32, 48, .92);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
}
.acct-badge img { width: 11px; height: 11px; object-fit: contain; }
.acct-badge b { font-weight: 800; }
.acct-badge.is-ps5 { color: #d8ecff; box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .34); }
.acct-badge.is-ps4 { color: #ffe6c2; box-shadow: inset 0 0 0 1px rgba(240, 184, 74, .3); }
.acct-lib .acct-game-date {
  font-size: 9.5px;
  font-variant-numeric: tabular-nums;
  color: rgba(168, 188, 216, .72);
}
.acct-lib-more-row { display: flex; flex-wrap: wrap; gap: 8px; }
.acct-lib-more {
  flex: 1 1 auto;
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  color: #06101f;
  background: linear-gradient(180deg, #a8e0ff, #5ec8ff);
  cursor: pointer;
}
.acct-lib-more.is-all { color: #d8ecff; background: rgba(20, 32, 48, .92); box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .2); }
.acct-lib.is-empty { text-align: center; justify-items: center; }
.acct-lib-empty { display: grid; justify-items: center; gap: 6px; padding: 12px 0 6px; }
.acct-lib-empty b { font-size: 14px; }
.acct-lib-empty em { font-style: normal; font-size: 12px; line-height: 1.7; color: rgba(200, 216, 232, .74); max-width: 34rem; }
.acct-lib-empty-art { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 84px; height: 84px; }
.acct-lib-empty-art i { border-radius: 9px; background: rgba(148, 178, 214, .1); box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16); }
.acct-lib-foot { margin: 0; font-size: 11.5px; color: rgba(200, 216, 232, .68); line-height: 1.7; }

.acct-cap-lines { display: grid; gap: 8px; }
.acct-cap-line {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 12.5px;
  color: rgba(220, 230, 240, .86);
  background: rgba(4, 10, 18, .5);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
}
.acct-cap-line .acct-cap-mark {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  background: rgba(20, 32, 48, .92);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
}
.acct-cap-line.is-ps5 .acct-cap-mark { color: #d8ecff; }
.acct-cap-line.is-ps4 .acct-cap-mark { color: #ffe6c2; }
.acct-lib-split.is-addon { color: #d9c7ff; }
.acct-lib-split.is-video { color: rgba(200, 216, 232, .86); }
.acct-lib .acct-game-kind {
  font-style: normal;
  font-size: 9.5px;
  font-weight: 700;
  color: rgba(200, 216, 232, .74);
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(148, 178, 214, .12);
}
.acct-lib .acct-game-kind.is-addon { color: #d9c7ff; }

@media (max-width: 720px) {
  .acct-show-facts { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .acct-lib { padding: 12px; border-radius: 18px; gap: 10px; }
  .acct-lib-grid { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 8px; }
  .acct-lib .acct-game { padding: 5px; border-radius: 11px; }
  .acct-lib .acct-game-name { font-size: 10px; -webkit-line-clamp: 1; }
  .acct-lib .acct-game-ph { font-size: 13px; }
  .acct-lib .acct-game-date { display: none; }
  .acct-lib-head h2 { font-size: 14px; }
  .acct-lib-count b { font-size: 17px; }
  .acct-lib-split { height: 20px; font-size: 10px; }
}
/* PA_ACCT_DETAIL_V1_END */

/* PA_PLUS_STATE_V1 — the buyer-facing Plus badge must stay readable when the plan /
   renewal date is unknown: «پلاس · جزئیات نامشخص» instead of a half-empty chip. */
.acct-plus.is-unknown {
  opacity: .97;
}
.acct-plus.is-unknown i {
  letter-spacing: 0;
  opacity: .86;
}
/* PA_PLUS_STATE_V1_END */
/* ===== PA_PUBLIC_ACCT_V2 (2026-09-17) — public account page redesign =====
   Append-only. Nothing above is edited: PA_ACCT_DETAIL_V1 keeps its data work and
   the presentation of the buyer page (/accounts/<code>) is rebuilt here on the
   PlayArc tokens: night glass cards, 12/16px radii, ONE shadow language, an 8px
   spacing grid, calm hover/focus states and an RTL-first, mobile-first layout.

   Order of information: identity -> key facts -> price / CTA -> library.
   Locale contract (one rule per surface, applied everywhere on this page):
     platform  PS4 / PS5      Latin + uppercase; no P.4/P.5 mixing, no Persian digits
     date      2026/09/17     Latin digits + slashes inside an LTR isolate
     code/id   QAP6-PFGY      Latin inside an LTR isolate
     price     ۴۰۰,۰۰۰ تومان   Persian digits + comma thousands + «تومان»; a $
                              amount never shares a row with تومان
     count     ۴۸ بازی         Persian digits (counts, slots, days, views)

   Library ladder: 6 cells >=1200px · 5 >=1000 · 4 >=820 · 3 below. A library
   smaller than the ladder fills its row (cells capped at 320px — the cover
   request ceiling) so a wide card never shows an oversized empty band, and a
   tile never shows a thumbnail floating inside a much larger slot. */
html.playarc body.acct-pub {
  --pa2-r: 16px;
  --pa2-r-sm: 12px;
  --pa2-line: rgba(170, 214, 255, .14);
  --pa2-line-soft: rgba(170, 214, 255, .09);
  --pa2-card: linear-gradient(180deg, rgba(12, 22, 38, .92), rgba(6, 12, 22, .88));
  --pa2-well: rgba(4, 10, 18, .5);
  --pa2-shadow: 0 20px 44px -30px rgba(0, 0, 0, .9);
  --pa2-ink: #eaf4ff;
  --pa2-dim: var(--color-dim, #a8bcd8);
  --pa2-accent-ink: #9ee7ff;
  font-family: var(--font-ui, Vazirmatn, Tahoma, sans-serif);
  color: var(--pa2-ink);
}
html.playarc body.acct-pub .pa2-ltr { direction: ltr; unicode-bidi: isolate; }
html.playarc body.acct-pub .acct-main { width: min(1180px, calc(100% - 32px)); margin: 16px auto 0; }
html.playarc body.acct-pub .acct-show { display: grid; gap: 16px; }
html.playarc body.acct-pub .acct-show > * { min-width: 0; }

/* ---------- shared surfaces: one shadow language ---------- */
html.playarc body.acct-pub .acct-id,
html.playarc body.acct-pub .acct-fact2,
html.playarc body.acct-pub .acct-lib,
html.playarc body.acct-pub .acct-cap {
  border-radius: var(--pa2-r);
  background: var(--pa2-card);
  box-shadow: var(--pa2-shadow), inset 0 0 0 1px var(--pa2-line);
}

/* ---------- crumbs: back + copy ---------- */
html.playarc body.acct-pub .acct-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
html.playarc body.acct-pub .acct-copy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #cfe6ff;
  background: rgba(20, 32, 48, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
  cursor: pointer;
  transition: box-shadow .16s ease, color .16s ease, transform .16s ease;
}
html.playarc body.acct-pub .acct-copy:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42); }
html.playarc body.acct-pub .acct-copy:active { transform: scale(.98); }
html.playarc body.acct-pub .acct-copy.is-done {
  color: #041018;
  background: linear-gradient(180deg, #a8e0ff, var(--color-accent, #5ec8ff));
}
html.playarc body.acct-pub .acct-copy-code {
  font-family: "PlayArc Console", Saira, Vazirmatn, sans-serif;
  font-size: 12px;
  letter-spacing: .08em;
  opacity: .9;
}
@media (min-width: 821px) {
  html.playarc body.acct-pub .acct-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    color: #d8ecff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    background: rgba(20, 32, 48, .72);
    box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
    transition: box-shadow .16s ease;
  }
  html.playarc body.acct-pub .acct-back:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42); }
}

/* ---------- identity card ---------- */
html.playarc body.acct-pub .acct-id {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  align-items: start;
  gap: 24px;
  padding: 24px;
  background:
    radial-gradient(720px 200px at 88% -60%, rgba(94, 200, 255, .18), transparent 62%),
    var(--pa2-card);
}
html.playarc body.acct-pub .acct-id-main { display: grid; gap: 8px; min-width: 0; }
html.playarc body.acct-pub .acct-id-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 11.5px;
  font-weight: 700;
  color: rgba(158, 231, 255, .9);
}
html.playarc body.acct-pub .acct-id-title {
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
}
html.playarc body.acct-pub .acct-id-code {
  font-family: "PlayArc Console", Saira, Vazirmatn, sans-serif;
  letter-spacing: .06em;
  color: #e8f6ff;
}
html.playarc body.acct-pub .acct-id-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
html.playarc body.acct-pub .acct-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #dbe8f8;
  background: rgba(20, 32, 48, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .14);
}
html.playarc body.acct-pub .acct-pill.is-quiet { color: rgba(168, 188, 216, .9); }
html.playarc body.acct-pub .acct-pill.is-state { font-weight: 800; }
html.playarc body.acct-pub .acct-pill.is-state.is-ready { color: #8dffcf; box-shadow: inset 0 0 0 1px rgba(61, 224, 160, .34); }
html.playarc body.acct-pub .acct-pill.is-state.is-selling { color: #9ee7ff; box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .34); }
html.playarc body.acct-pub .acct-pill.is-state.is-sold { color: #ff9db1; box-shadow: inset 0 0 0 1px rgba(255, 118, 150, .34); }
html.playarc body.acct-pub .acct-plus { height: 26px; padding: 0 12px 0 8px; font-size: 12px; }
html.playarc body.acct-pub .acct-plus-mark { height: 13px; width: auto; }

/* ---------- price / CTA panel ---------- */
html.playarc body.acct-pub .acct-buy {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 16px;
  border-radius: var(--pa2-r-sm);
  background: var(--pa2-well);
  box-shadow: inset 0 0 0 1px var(--pa2-line-soft);
}
html.playarc body.acct-pub .acct-buy-kicker { font-style: normal; font-size: 11.5px; color: rgba(168, 188, 216, .92); }
html.playarc body.acct-pub .acct-buy-main {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  color: #f4fbff;
}
html.playarc body.acct-pub .acct-buy-main.is-none { font-size: 18px; color: rgba(255, 210, 140, .96); }
html.playarc body.acct-pub .pa2-money { display: inline-flex; align-items: baseline; gap: 5px; font-variant-numeric: tabular-nums; }
html.playarc body.acct-pub .pa2-money i { font-style: normal; font-size: 13px; font-weight: 700; color: var(--pa2-dim); }
html.playarc body.acct-pub .acct-buy-rows { display: grid; gap: 8px; margin-top: 4px; }
html.playarc body.acct-pub .acct-buy-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--pa2-r-sm);
  font-size: 12.5px;
  background: rgba(20, 32, 48, .5);
  box-shadow: inset 0 0 0 1px var(--pa2-line-soft);
}
html.playarc body.acct-pub .acct-buy-plat { font-weight: 800; letter-spacing: .06em; color: #e6f3ff; }
html.playarc body.acct-pub .acct-buy-state { font-size: 11.5px; font-weight: 700; }
html.playarc body.acct-pub .acct-buy-state.is-on { color: #8dffcf; }
html.playarc body.acct-pub .acct-buy-state.is-sold { color: #ff9db1; }
html.playarc body.acct-pub .acct-buy-state.is-off { color: rgba(168, 188, 216, .82); }
html.playarc body.acct-pub .acct-buy-tbd { color: rgba(168, 188, 216, .72); }
html.playarc body.acct-pub .acct-buy-note { margin: 0; font-size: 11.5px; line-height: 1.8; color: rgba(168, 188, 216, .78); }
html.playarc body.acct-pub .acct-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--pa2-r-sm);
  font-size: 13px;
  font-weight: 800;
  color: #041018;
  text-decoration: none;
  background: linear-gradient(180deg, #a8e0ff, var(--color-accent, #5ec8ff));
  box-shadow: 0 14px 28px -20px rgba(94, 200, 255, .9);
  transition: filter .16s ease, box-shadow .16s ease;
}
html.playarc body.acct-pub .acct-cta:hover { filter: brightness(1.06); }
html.playarc body.acct-pub .acct-cta.is-ghost {
  color: #d8ecff;
  background: rgba(20, 32, 48, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .18);
}
html.playarc body.acct-pub .acct-cta.is-ghost:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .42); }

/* ---------- key facts ---------- */
html.playarc body.acct-pub .acct-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
html.playarc body.acct-pub .acct-fact2 { display: grid; gap: 6px; align-content: start; padding: 12px 16px; }
html.playarc body.acct-pub .acct-fact2 em { font-style: normal; font-size: 11px; color: rgba(168, 188, 216, .86); }
html.playarc body.acct-pub .acct-fact2 b {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.6;
  color: #eef7ff;
}
html.playarc body.acct-pub .acct-fact-plat { font-weight: 800; letter-spacing: .06em; color: #cfe6ff; }
html.playarc body.acct-pub .acct-fact-sep { color: rgba(168, 188, 216, .5); }
html.playarc body.acct-pub .acct-fact-num { font-size: 16px; font-weight: 800; color: #f4fbff; }
html.playarc body.acct-pub .acct-fact-none { color: rgba(168, 188, 216, .82); font-weight: 700; }
html.playarc body.acct-pub .acct-flag {
  height: 13px;
  width: auto;
  border-radius: 3px;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .3);
}
html.playarc body.acct-pub .acct-verify { font-size: 13px; font-weight: 800; }
html.playarc body.acct-pub .acct-verify.is-ok { color: #8dffcf; }
html.playarc body.acct-pub .acct-verify.is-none { color: rgba(168, 188, 216, .8); }

/* ---------- library ---------- */
html.playarc body.acct-pub .acct-lib { display: grid; gap: 16px; padding: 16px; }
html.playarc body.acct-pub .acct-lib-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
html.playarc body.acct-pub .acct-lib-head h2 { margin: 0; font-size: 16px; font-weight: 800; }
html.playarc body.acct-pub .acct-lib-count {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #cfe6ff;
  background: rgba(20, 32, 48, .8);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
}
html.playarc body.acct-pub .acct-lib-count b { font-size: 15px; font-weight: 800; color: var(--pa2-accent-ink); }
html.playarc body.acct-pub .acct-split {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: #dbe8f8;
  background: rgba(20, 32, 48, .6);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .12);
}
html.playarc body.acct-pub .acct-split b { font-weight: 800; letter-spacing: .06em; color: #e6f3ff; }
html.playarc body.acct-pub .acct-lib-grid {
  display: grid;
  grid-template-columns: repeat(var(--pa2-cols, 6), minmax(0, 1fr));
  gap: 12px;
  justify-content: center;
}
@media (min-width: 820px) {
  html.playarc body.acct-pub .acct-lib-grid.is-small {
    grid-template-columns: repeat(var(--pa2-cols, 4), minmax(0, 320px));
  }
  /* a small library paints bigger covers: the title grows with the cell */
  html.playarc body.acct-pub .acct-lib-grid.is-small .acct-game-name { font-size: 13px; }
  html.playarc body.acct-pub .acct-lib-grid.is-small .acct-game-date { font-size: 11px; }
}
html.playarc body.acct-pub .acct-lib .acct-game {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 8px;
  border-radius: var(--pa2-r-sm);
  background: linear-gradient(180deg, rgba(10, 18, 32, .86), rgba(6, 10, 18, .8));
  box-shadow: inset 0 0 0 1px var(--pa2-line-soft);
  color: inherit;
  text-decoration: none;
  transition: box-shadow .16s ease, background-color .16s ease;
}
html.playarc body.acct-pub a.acct-game:hover { box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .45); }
html.playarc body.acct-pub .acct-lib .acct-game.is-unknown { opacity: .88; }
html.playarc body.acct-pub .acct-lib .acct-game-art {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(180deg, #16233a, #0a1220);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .08);
}
html.playarc body.acct-pub .acct-lib .acct-game-ph {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 800;
  letter-spacing: .06em;
  color: rgba(168, 188, 216, .52);
}
html.playarc body.acct-pub .acct-lib .acct-game-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  opacity: 0;
  transition: opacity .2s ease;
}
html.playarc body.acct-pub .acct-lib .acct-game-cover.is-on { opacity: 1; }
html.playarc body.acct-pub .acct-game-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-height: 20px; }
html.playarc body.acct-pub .acct-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
}
html.playarc body.acct-pub .acct-badge.is-ps5 { color: #cfe9ff; background: rgba(24, 51, 79, .92); box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .32); }
html.playarc body.acct-pub .acct-badge.is-ps4 { color: #ffe6c2; background: rgba(58, 43, 18, .92); box-shadow: inset 0 0 0 1px rgba(240, 184, 74, .3); }
html.playarc body.acct-pub .acct-game-region,
html.playarc body.acct-pub .acct-game-kind { font-style: normal; font-size: 10px; font-weight: 700; color: rgba(168, 188, 216, .92); }
html.playarc body.acct-pub .acct-game-kind { padding: 1px 6px; border-radius: 999px; background: rgba(148, 178, 214, .12); }
html.playarc body.acct-pub .acct-game-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.9em;
  font-size: 11.5px;
  line-height: 1.45;
  font-weight: 700;
  color: #eaf2fb;
  word-break: break-word;
}
html.playarc body.acct-pub .acct-game-foot { display: flex; align-items: center; gap: 6px; min-height: 14px; }
html.playarc body.acct-pub .acct-game-date {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: rgba(168, 188, 216, .8);
  font-variant-numeric: tabular-nums;
}
html.playarc body.acct-pub .acct-lib-more-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
html.playarc body.acct-pub .acct-lib-more {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--pa2-r-sm);
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  color: #041018;
  background: linear-gradient(180deg, #a8e0ff, var(--color-accent, #5ec8ff));
  cursor: pointer;
  transition: filter .16s ease;
}
html.playarc body.acct-pub .acct-lib-more:hover { filter: brightness(1.06); }
html.playarc body.acct-pub .acct-lib-more.is-all {
  color: #d8ecff;
  background: rgba(20, 32, 48, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .18);
}
html.playarc body.acct-pub .acct-lib.is-empty { justify-items: center; text-align: center; }
html.playarc body.acct-pub .acct-lib-empty { display: grid; justify-items: center; gap: 8px; padding: 8px 0 4px; }
html.playarc body.acct-pub .acct-lib-empty b { font-size: 14px; font-weight: 800; }
html.playarc body.acct-pub .acct-lib-empty em {
  font-style: normal;
  max-width: 36rem;
  font-size: 12.5px;
  line-height: 1.9;
  color: rgba(168, 188, 216, .82);
}
html.playarc body.acct-pub .acct-lib-empty-art {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  width: 96px;
  height: 96px;
  margin-bottom: 4px;
}
html.playarc body.acct-pub .acct-lib-empty-art i {
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(148, 178, 214, .14), rgba(148, 178, 214, .06));
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .14);
}

/* ---------- capacity cards ---------- */
html.playarc body.acct-pub .acct-caps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html.playarc body.acct-pub .acct-cap { display: grid; gap: 12px; padding: 16px; }
html.playarc body.acct-pub .acct-cap-head { display: flex; align-items: center; gap: 8px; }
html.playarc body.acct-pub .acct-cap-head img { height: 14px; width: auto; object-fit: contain; }
html.playarc body.acct-pub .acct-cap-head b { font-weight: 800; font-size: 14px; letter-spacing: .06em; color: #e6f3ff; }
html.playarc body.acct-pub .acct-cap-state {
  margin-inline-start: auto;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  background: rgba(20, 32, 48, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
}
html.playarc body.acct-pub .acct-cap-state.is-on { color: #8dffcf; }
html.playarc body.acct-pub .acct-cap-state.is-sold { color: #ff9db1; }
html.playarc body.acct-pub .acct-cap-state.is-off { color: rgba(168, 188, 216, .9); }
html.playarc body.acct-pub .acct-cap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html.playarc body.acct-pub .acct-cap-cell {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: var(--pa2-r-sm);
  background: var(--pa2-well);
  box-shadow: inset 0 0 0 1px var(--pa2-line-soft);
}
html.playarc body.acct-pub .acct-cap-cell em { font-style: normal; font-size: 10.5px; color: rgba(168, 188, 216, .86); }
html.playarc body.acct-pub .acct-cap-cell b { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
html.playarc body.acct-pub .acct-cap-line { margin: 0; font-size: 12px; line-height: 1.8; color: rgba(200, 216, 232, .86); }
html.playarc body.acct-pub .acct-cap-price { margin: 0; font-size: 15px; font-weight: 800; color: #f4fbff; }

/* ---------- links + trust note ---------- */
html.playarc body.acct-pub .acct-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
html.playarc body.acct-pub .acct-pub-note {
  margin: 0;
  text-align: center;
  font-size: 11.5px;
  line-height: 1.9;
  color: rgba(168, 188, 216, .72);
}

/* ---------- focus ---------- */
html.playarc body.acct-pub a:focus-visible,
html.playarc body.acct-pub button:focus-visible {
  outline: 2px solid var(--color-accent, #5ec8ff);
  outline-offset: 2px;
}

/* ---------- ladder + phone ---------- */
@media (max-width: 1199px) {
  html.playarc body.acct-pub .acct-lib-grid { grid-template-columns: repeat(var(--pa2-cols, 5), minmax(0, 1fr)); }
}
@media (max-width: 999px) {
  html.playarc body.acct-pub .acct-id { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html.playarc body.acct-pub .acct-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.playarc body.acct-pub .acct-lib-grid { grid-template-columns: repeat(var(--pa2-cols, 4), minmax(0, 1fr)); }
  html.playarc body.acct-pub .acct-id-title { font-size: 24px; }
}
@media (max-width: 819px) {
  html.playarc body.acct-pub .acct-main { width: calc(100% - 20px); margin-top: 12px; }
  /* the shared phone top-bar brand chip is 42x44 (fx/playarc.css:11627 ships
     width 42px !important): this page lifts it onto the 44px tap floor — a 2px
     width nudge, no visual change, and only while the accounts page is open. */
  html.playarc body.acct-pub .pa-topbar a.pa-wordmark { min-width: 44px !important; }
  html.playarc body.acct-pub .acct-show { gap: 12px; }
  html.playarc body.acct-pub .acct-id { padding: 16px; }
  html.playarc body.acct-pub .acct-lib { padding: 12px; gap: 12px; }
  html.playarc body.acct-pub .acct-lib-grid { grid-template-columns: repeat(var(--pa2-cols, 3), minmax(0, 1fr)); gap: 10px; }
  html.playarc body.acct-pub .acct-lib .acct-game { padding: 6px; gap: 6px; }
  html.playarc body.acct-pub .acct-game-name { font-size: 10.5px; min-height: 2.8em; }
  html.playarc body.acct-pub .acct-game-ph { font-size: 15px; }
  html.playarc body.acct-pub .acct-badge { height: 19px; padding: 0 7px; font-size: 9.5px; }
  html.playarc body.acct-pub .acct-game-date { font-size: 9.5px; }
  html.playarc body.acct-pub .acct-fact2 { padding: 10px 12px; }
  html.playarc body.acct-pub .acct-fact2 b { font-size: 12.5px; }
  html.playarc body.acct-pub .acct-cap { padding: 12px; gap: 10px; }
  html.playarc body.acct-pub .acct-cap-cell { padding: 8px 10px; }
  html.playarc body.acct-pub .acct-id-title { font-size: 22px; }
}
@media (max-width: 619px) {
  html.playarc body.acct-pub .acct-lib-grid { gap: 8px; }
  html.playarc body.acct-pub .acct-caps { grid-template-columns: minmax(0, 1fr); }
  html.playarc body.acct-pub .acct-lib-more-row { grid-template-columns: minmax(0, 1fr); }
  html.playarc body.acct-pub .acct-buy-main { font-size: 22px; }
  html.playarc body.acct-pub .acct-copy { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  html.playarc body.acct-pub .acct-copy,
  html.playarc body.acct-pub .acct-cta,
  html.playarc body.acct-pub .acct-lib-more,
  html.playarc body.acct-pub .acct-lib .acct-game,
  html.playarc body.acct-pub .acct-lib .acct-game-cover,
  html.playarc body.acct-pub .acct-back { transition: none; }
}
/* PA_PUBLIC_ACCT_V2_END */

/* ===== PA_PLUS_SURFACE_V1 (2026-09-17) — append-only =======================
   The two facts a buyer actually compares on a card — region/country and the
   Plus state — share one row instead of stacking on two lines. */
/* NB: the share page already owns «.acct-facts» (a 4-column grid, PA_PUBLIC_ACCT_V2),
   so the list card's row uses its own name — never reuse the page-level class. */
.acct-card-facts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
}
.acct-card-facts .acct-region { line-height: 1.5; }
.acct-card-facts .acct-plus { flex: 0 0 auto; }
@media (max-width: 820px) {
  .acct-card-facts { gap: 5px 7px; }
  .acct-card-facts .acct-plus { height: 24px; padding: 0 9px 0 7px; font-size: 11.5px; }
}

/* PA_ACCT_LIST_AAA_V1 — listing cards: real covers only, equal tiles, Latin HUD numbers. */
html.playarc body.acct-pub { overflow-x: hidden; }
html.playarc body.acct-pub .acct-main { max-width: 1180px; }
html.playarc body.acct-pub .acct-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
  align-items: stretch;
}
html.playarc body.acct-pub .acct-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  overflow: hidden;
}
html.playarc body.acct-pub .acct-card-art {
  display: grid;
  gap: 4px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: #0b1524;
  min-height: 0;
}
html.playarc body.acct-pub .acct-card-art.is-1 { grid-template-columns: 1fr; }
html.playarc body.acct-pub .acct-card-art.is-2 { grid-template-columns: 1fr 1fr; }
html.playarc body.acct-pub .acct-card-art.is-3 { grid-template-columns: 1fr 1fr; }
html.playarc body.acct-pub .acct-card-art.is-3 img:first-child { grid-column: 1 / -1; }
html.playarc body.acct-pub .acct-card-art.is-4 { grid-template-columns: 1fr 1fr; }
html.playarc body.acct-pub .acct-card-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  display: block;
}
html.playarc body.acct-pub .acct-card-art.is-empty {
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #1a3a5c, #0b1524);
}
html.playarc body.acct-pub .acct-card-empty {
  font-family: "PlayArc Console", Saira, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .18em;
  color: rgba(158, 231, 255, .32);
}
html.playarc body.acct-pub .acct-stat b,
html.playarc body.acct-pub .acct-views .pa-latin,
html.playarc body.acct-pub .acct-plus .pa-latin {
  font-family: "PlayArc Console", Saira, sans-serif !important;
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc body.acct-pub .acct-slot .pa-latin {
  font-family: "PlayArc Console", Saira, sans-serif !important;
  letter-spacing: .04em;
}
html.playarc body.acct-pub .acct-stats {
  align-items: stretch;
}
html.playarc body.acct-pub .acct-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 96px;
}
html.playarc body.acct-pub .acct-stat b {
  line-height: 1;
}
html.playarc body.acct-pub .acct-plus {
  height: auto;
  min-height: 26px;
  flex-wrap: wrap;
  max-width: 100%;
}
html.playarc body.acct-pub .acct-fact-cap,
html.playarc body.acct-pub .acct-fact-bit {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  unicode-bidi: isolate;
}
html.playarc body.acct-pub .acct-lib .acct-game-meta {
  position: static;
  margin-top: 2px;
}
html.playarc body.acct-pub .acct-lib .acct-game-name {
  min-height: 2.4em;
}
/* ===== PA_PLUS_SURFACE_V1_END ===== */

/* ===== PA_PLAY_MODE_V1 — store play verdict chip on every share-page row ===== */
.acct-lib .acct-playmode {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
  background: rgba(20, 32, 48, .92);
  color: #dfe9f7;
}
.acct-lib .acct-playmode.is-offline { color: #d8fff0; box-shadow: inset 0 0 0 1px rgba(30, 180, 120, .40); }
.acct-lib .acct-playmode.is-online { color: #ffe0ea; box-shadow: inset 0 0 0 1px rgba(220, 70, 120, .40); }
.acct-lib .acct-playmode.is-both { color: #dcecff; box-shadow: inset 0 0 0 1px rgba(70, 140, 240, .42); }
.acct-lib .acct-playmode.is-unknown { color: #e6ecf6; box-shadow: inset 0 0 0 1px rgba(150, 168, 196, .34); }
@media (max-width: 820px) {
  .acct-lib .acct-playmode { font-size: 9px; padding: 0 6px; }
}
/* ===== PA_PLAY_MODE_V1_END ===== */

/* PA_ACCT_BUY_CHAT_V1 */
html.playarc body.acct-pub .acct-cta,
html.playarc body.acct-pub button.acct-cta {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  letter-spacing: 0 !important;
  border: 0;
  cursor: pointer;
  width: 100%;
}
html.playarc body.acct-pub .acct-cap-head img { height: 18px; width: auto; }
html.playarc body.acct-pub .acct-cap-head b { display: none !important; }
html.playarc body.acct-pub .acct-badge {
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif !important;
  font-feature-settings: "locl" 0, "tnum" 1;
  gap: 5px;
  letter-spacing: 0.04em;
}
html.playarc body.acct-pub .acct-badge img { width: 12px; height: 12px; }
html.playarc body.acct-pub .acct-game-name,
html.playarc body.acct-pub .acct-playmode,
html.playarc body.acct-pub .acct-lib-more {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
}
html.playarc body.acct-pub .acct-lib .acct-game {
  align-content: start;
}
html.playarc body.acct-pub .acct-lib .acct-game-art { margin-bottom: 2px; }
html.playarc body.acct-pub .acct-sheet-scrim {
  position: fixed; inset: 0; z-index: 70;
  background: rgba(2, 6, 14, .62);
  display: grid; place-items: center;
  padding: 20px;
}
html.playarc body.acct-pub .acct-sheet {
  width: min(440px, 100%);
  display: grid; gap: 12px;
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #102038, #0a1424);
  box-shadow: 0 24px 50px -24px #000, inset 0 0 0 1px rgba(170,214,255,.16);
  color: #e7f2ff;
}
html.playarc body.acct-pub .acct-sheet h2 { margin: 0; font-size: 18px; }
html.playarc body.acct-pub .acct-sheet p { margin: 0; font-size: 13.5px; line-height: 1.85; color: #b9cbe0; }
html.playarc body.acct-pub .acct-sheet-acts { display: flex; flex-wrap: wrap; gap: 8px; }
html.playarc body.acct-pub .acct-sheet a,
html.playarc body.acct-pub .acct-sheet button {
  min-height: 42px; padding: 0 14px; border-radius: 12px; border: 0;
  font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
}
html.playarc body.acct-pub .acct-sheet .is-ok { background: linear-gradient(180deg, #a8e0ff, #5ec8ff); color: #041018; }
html.playarc body.acct-pub .acct-sheet .is-no { background: rgba(20,32,48,.9); color: #d8ecff; box-shadow: inset 0 0 0 1px rgba(170,214,255,.2); }

html.playarc body.acct-pub .acct-card-art.is-plus {
  display: grid;
  place-items: center;
  gap: 8px;
  background:
    radial-gradient(80% 80% at 50% 20%, rgba(255, 214, 120, .22), transparent 62%),
    linear-gradient(180deg, #1a2740, #0c1524);
}
html.playarc body.acct-pub .acct-card-art.is-plus { overflow: hidden; padding: 18px; }
html.playarc body.acct-pub .acct-card-plus { width: min(72px, 42%); height: auto; max-height: 48%; object-fit: contain; opacity: .95; }
html.playarc body.acct-pub .acct-card-art.is-plus .acct-card-empty {
  letter-spacing: .12em;
  font-size: 13px;
  color: #ffe7a8;
}
html.playarc:has(.pa-consent:not([hidden])) body.acct-pub {
  padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px));
}

/* PA_GAME_TYPE_V3 */
html.playarc body.acct-pub .acct-game-name,
html.playarc body.acct-pub .acct-lib .acct-game-name {
  font-family: "PlayArc Display", "Saira", "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  letter-spacing: 0.01em !important;
  font-kerning: normal !important;
  font-size: 12.5px;
  line-height: 1.35;
  -webkit-line-clamp: 2;
}


/* PA_ACCT_AAA_V4 */
html.playarc body.acct-pub .acct-hero { gap: 14px; padding: 18px 20px 16px; }
html.playarc body.acct-pub .acct-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html.playarc body.acct-pub .acct-stat {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
}
html.playarc body.acct-pub .acct-stat b { font-size: 22px !important; line-height: 1.1 !important; margin: 0 !important; }
html.playarc body.acct-pub .acct-stat em { margin: 0 !important; text-align: end; max-width: 14ch; line-height: 1.35; }
html.playarc body.acct-pub .acct-card-art.is-plus,
html.playarc body.acct-pub .acct-card-art.is-empty.is-plus {
  display: grid !important;
  place-items: center !important;
  padding: 22px 16px !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus img,
html.playarc body.acct-pub .acct-card-plus {
  width: 118px !important;
  max-width: 64% !important;
  height: auto !important;
  max-height: 64% !important;
  object-fit: contain !important;
  justify-self: center;
}
html.playarc body.acct-pub .acct-lib .acct-game { position: relative; gap: 0 !important; padding: 0 !important; overflow: hidden; }
html.playarc body.acct-pub .acct-lib .acct-game-art { border-radius: 12px; }
html.playarc body.acct-pub .acct-lib .acct-game-name {
  position: absolute; inset-inline: 0; bottom: 0; z-index: 2; margin: 0;
  padding: 28px 8px 8px;
  background: linear-gradient(180deg, transparent, rgba(4, 10, 18, .94));
  font-family: "PlayArc Display", "Saira", "Vazirmatn UI FD", Tahoma, sans-serif !important;
  font-size: 12px !important; font-weight: 750 !important; line-height: 1.3 !important;
  color: #f3f8ff !important; -webkit-line-clamp: 2;
}
html.playarc body.acct-pub .acct-lib .acct-game-meta {
  position: absolute; top: 6px; inset-inline: 6px; z-index: 2; min-height: 0; pointer-events: none;
}
html.playarc body.acct-pub .acct-lib .acct-playmode,
html.playarc body.acct-pub .acct-lib .acct-game-region,
html.playarc body.acct-pub .acct-lib .acct-game-kind { display: none; }
html.playarc body.acct-pub .acct-lib .acct-badge { height: 18px; padding: 0 7px; font-size: 9px; }
html.playarc body.acct-pub .acct-lib .acct-game-foot { display: none; }
html.playarc:has(.pa-consent:not([hidden])) body.acct-pub {
  padding-bottom: calc(168px + env(safe-area-inset-bottom, 0px)) !important;
}
html.playarc body.acct-pub .pa-consent { padding: 10px 14px !important; gap: 10px !important; max-width: min(760px, calc(100% - 20px)); }
html.playarc body.acct-pub .pa-consent p { font-size: 12.5px !important; line-height: 1.55 !important; }
html.playarc:has(.pa-consent:not([hidden])) body.acct-pub .acct-lib {
  padding-bottom: 72px;
}
@media (max-width: 720px) {
  html.playarc body.acct-pub .acct-stats { grid-template-columns: 1fr !important; }
  html.playarc body.acct-pub .acct-stat b { font-size: 20px !important; }
  html.playarc body.acct-pub .acct-lib .acct-game-name { font-size: 11px !important; padding: 22px 7px 7px; }
  html.playarc:has(.pa-consent:not([hidden])) body.acct-pub {
    padding-bottom: calc(196px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* PA_GAME_TYPE_V4 */
html.playarc body.acct-pub .acct-game-name,
html.playarc .acct-lib .acct-game-name {
  font-family: "PlayArc Display", "Saira", "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  -webkit-line-clamp: 2 !important;
}

/* PA_ACCT_LCP_V5 */
html.playarc body.acct-pub .acct-card.is-skel { pointer-events: none; min-height: 320px; }
html.playarc body.acct-pub .acct-card.is-skel .acct-card-art { background: linear-gradient(180deg, #132033, #0b1524); }
html.playarc body.acct-pub .acct-card-art img { aspect-ratio: 1 / 1; }
html.playarc:has(.pa-consent:not([hidden])) body.acct-pub .acct-grid { padding-bottom: 140px !important; }

/* PA_CONSENT_BAR_V2 — one row, do not stack over the listing. */
html.playarc:has(body.acct-pub) .pa-consent {
  padding: 8px 12px !important;
  gap: 8px 10px !important;
  max-width: min(680px, calc(100% - 24px)) !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}
html.playarc body.acct-pub .pa-consent-acts {
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  flex: none !important;
}
html.playarc body.acct-pub .pa-consent p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  flex: 1 1 auto !important;
}
html.playarc body.acct-pub .pa-consent button { min-height: 34px !important; padding: 0 12px !important; }

/* PA_CONSENT_COPY_V3 — readable Persian,


html.playarc body.acct-pub ~ .pa-consent,


html.playarc .pa-consent {
  padding: 14px 18px !important;
  gap: 12px 16px !important;
  max-width: min(820px, calc(100% - 24px)) !important;
  flex-wrap: wrap !important;
}
html.playarc .pa-consent p {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
}
html.playarc .pa-consent button {
  min-height: 40px !important;
  padding: 0 16px !important;
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html.playarc body.acct-pub .acct-grid[data-acct-stamp] { min-height: 780px; }

/* PA_ACCT_HERO_V8 — Persian marketplace hero, no EN/FA mix, Vazirmatn UI FD. */
html.playarc body.acct-pub .acct-hero {
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 300px !important;
  padding: 28px 28px 24px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(920px 320px at 100% -30%, rgba(94, 200, 255, .22), transparent 58%),
    radial-gradient(640px 240px at 0% 120%, rgba(47, 125, 255, .14), transparent 54%),
    linear-gradient(180deg, rgba(8, 18, 32, .96), rgba(4, 8, 16, .92)) !important;
  box-shadow: 0 28px 56px -32px rgba(0, 0, 0, .78), inset 0 0 0 1px rgba(170, 214, 255, .14) !important;
}
html.playarc body.acct-pub .acct-hero-copy {
  display: grid;
  gap: 10px;
  justify-items: start;
  max-width: 42rem;
}
html.playarc body.acct-pub .acct-hero-kicker,
html.playarc body.acct-pub .acct-hero h1,
html.playarc body.acct-pub .acct-hero p.lead,
html.playarc body.acct-pub .acct-hero-chips,
html.playarc body.acct-pub .acct-stat em {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  letter-spacing: 0 !important;
  font-kerning: normal;
}
html.playarc body.acct-pub .acct-hero-kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 5px 12px 5px 10px;
  border-radius: 999px;
  background: rgba(61, 224, 160, .1);
  box-shadow: inset 0 0 0 1px rgba(61, 224, 160, .22);
  color: #b8f5dc !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}
html.playarc body.acct-pub .acct-hero h1 {
  margin: 2px 0 0 !important;
  overflow: visible !important;
  color: #f4fbff !important;
  font-size: clamp(28px, 4.4vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-wrap: balance;
}
html.playarc body.acct-pub .acct-hero p.lead {
  margin: 2px 0 0 !important;
  max-width: 38rem !important;
  color: rgba(200, 216, 232, .82) !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
}
html.playarc body.acct-pub .acct-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none;
}
html.playarc body.acct-pub .acct-hero-chips li {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(8, 16, 28, .55);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .14);
  color: #d5e6f6;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.4;
}
html.playarc body.acct-pub .acct-hero-chips .pa-latin,
html.playarc body.acct-pub .acct-stat b {
  font-family: "PlayArc Console", "Saira", "Segoe UI", Tahoma, sans-serif !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "locl" 0;
  letter-spacing: .02em;
}
html.playarc body.acct-pub .acct-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
html.playarc body.acct-pub .acct-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  min-height: 0 !important;
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
  background: rgba(4, 10, 18, .5) !important;
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .12) !important;
}
html.playarc body.acct-pub .acct-stat b {
  display: block !important;
  margin: 0 !important;
  color: #f4fbff !important;
  font-size: clamp(26px, 3.4vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}
html.playarc body.acct-pub .acct-stat.is-host b { color: #9ee7ff !important; }
html.playarc body.acct-pub .acct-stat.is-sold b { color: #ffe29a !important; }
html.playarc body.acct-pub .acct-stat em {
  margin: 0 !important;
  max-width: none !important;
  color: rgba(200, 216, 232, .72) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: start !important;
}
@media (max-width: 720px) {
  html.playarc body.acct-pub .acct-hero {
    gap: 16px !important;
    padding: 20px 16px 16px !important;
    border-radius: 22px !important;
  }
  html.playarc body.acct-pub .acct-hero h1 { font-size: clamp(24px, 7vw, 32px) !important; }
  html.playarc body.acct-pub .acct-hero p.lead { font-size: 14.5px !important; }
  html.playarc body.acct-pub .acct-stats { gap: 8px !important; }
  html.playarc body.acct-pub .acct-stat { padding: 12px 12px 11px !important; border-radius: 14px !important; }
  html.playarc body.acct-pub .acct-stat b { font-size: 22px !important; }
  html.playarc body.acct-pub .acct-stat em { font-size: 12px !important; }
}
@media (max-width: 420px) {
  html.playarc body.acct-pub .acct-stats {
    grid-template-columns: 1fr !important;
  }
}

/* PA_ACCT_CARD_V9 — hero lead without secrets; KPI align; listing type+price. */
html.playarc body.acct-pub .acct-hero p.lead {
  max-width: 34rem !important;
}
html.playarc body.acct-pub .acct-stat {
  align-items: flex-start !important;
  text-align: start !important;
}
html.playarc body.acct-pub .acct-stat b {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100%;
  unicode-bidi: isolate;
}
html.playarc body.acct-pub .acct-stat em {
  display: block !important;
  width: 100%;
  text-align: start !important;
}
html.playarc body.acct-pub .acct-card-kind {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html.playarc body.acct-pub .acct-kind,
html.playarc body.acct-pub .acct-cap-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(94, 200, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .18);
  color: #d7f4ff;
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0 !important;
}
html.playarc body.acct-pub .acct-cap-pill {
  background: rgba(255, 226, 154, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 226, 154, .18);
  color: #ffe7b0;
}
html.playarc body.acct-pub .acct-kind.is-mode {
  background: rgba(168, 140, 255, .12);
  box-shadow: inset 0 0 0 1px rgba(168, 140, 255, .2);
  color: #e4d9ff;
}
html.playarc body.acct-pub .acct-card-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: 2px;
  color: #f4fbff;
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
}
html.playarc body.acct-pub .acct-card-ask {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
html.playarc body.acct-pub .acct-card-ask em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  color: rgba(200, 216, 232, .7);
}
html.playarc body.acct-pub .acct-card-price .pa2-money {
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif !important;
  font-size: 16px;
  font-weight: 800;
  color: #9ee7ff;
}
html.playarc body.acct-pub .acct-card-price .pa2-money i {
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: rgba(200, 216, 232, .78) !important;
}
html.playarc body.acct-pub .acct-card-price.is-ask {
  color: rgba(200, 216, 232, .7);
  font-size: 13px;
  font-weight: 600;
}
html.playarc body.acct-pub .acct-card-art {
  position: relative;
  overflow: hidden;
}
html.playarc body.acct-pub .acct-art-overlay {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 2;
  display: grid;
  gap: 6px;
  gap: 5px;
  padding: 8px 8px 22px;
  background: linear-gradient(180deg, rgba(4, 10, 18, .88), rgba(4, 10, 18, .35) 62%, transparent);
  text-shadow: 0 1px 10px rgba(0, 0, 0, .65);
  pointer-events: none;
}
html.playarc body.acct-pub .acct-art-overlay .acct-card-kind,
html.playarc body.acct-pub .acct-art-overlay .acct-card-price {
  margin: 0;
}
html.playarc body.acct-pub .acct-art-overlay .acct-card-price .pa2-money {
  color: #f4fbff;
  font-size: 15px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}
html.playarc body.acct-pub .acct-art-overlay .acct-card-price.is-ask {
  color: rgba(230, 240, 250, .86);
}
html.playarc body.acct-pub section.acct-hero .acct-stat > b.pa-latin {
  display: inline-block !important;
  width: max-content !important;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}

/* PA_CONSENT_DOCK_V1 — cookie is in-flow; stop the old bottom overlay padding. */
html.playarc:has(.pa-consent:not([hidden])) body.acct-pub,


html.playarc body.acct-pub body.acct-pub {
  padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
}
html.playarc body.acct-pub .pa-consent {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: min(1180px, calc(100% - 32px)) !important;
  margin: 10px auto 0 !important;
}

/* PA_ACCT_ONCARD_V1 — flag, region, Plus live on the cover; plus accounts use real art. */
html.playarc body.acct-pub .acct-card { min-height: 0; }
html.playarc body.acct-pub .acct-card-art { position: relative; overflow: hidden; }
html.playarc body.acct-pub .acct-plus-hero {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
  padding: 18%;
  box-sizing: border-box;
}
html.playarc body.acct-pub .acct-plus-hero.is-mark {
  padding: 22%;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .45));
}
html.playarc body.acct-pub .acct-card-art.is-plus { background: #06101f; }
html.playarc body.acct-pub .acct-card-art.is-plus {
  background:
    radial-gradient(70% 70% at 50% 42%, rgba(255, 214, 120, .22), transparent 62%),
    linear-gradient(180deg, #142033, #06101f) !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus {
  display: block !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero { display: block; }

/* PA_PLUS_MARK_ONLY_V1 — no plate, no ring, no 118px box; just the Plus. */
html.playarc body.acct-pub .acct-card-art.is-plus {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero.is-mark {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  width: 96px !important;
  max-width: 96px !important;
  height: auto !important;
  max-height: 96px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
  justify-self: center;
  align-self: center;
}
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay img {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay .acct-flag {
  width: 22px !important;
  height: 16px !important;
  max-width: 22px !important;
  max-height: 16px !important;
}
html.playarc body.acct-pub .acct-plus-chip {
  background: rgba(4, 10, 18, .55) !important;
}
html.playarc body.acct-pub .acct-card-art .acct-flag,
html.playarc body.acct-pub .acct-art-overlay img.acct-flag {
  width: 22px !important;
  height: 16px !important;
  max-width: 22px !important;
  max-height: 16px !important;
  flex: 0 0 22px;
}
html.playarc body.acct-pub .acct-art-overlay {
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px !important;
  background: linear-gradient(180deg, rgba(4,10,18,.82) 0%, transparent 42%, transparent 52%, rgba(4,10,18,.94) 100%) !important;
}
html.playarc body.acct-pub .acct-art-top,
html.playarc body.acct-pub .acct-art-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
html.playarc body.acct-pub .acct-art-top { justify-content: space-between; }
html.playarc body.acct-pub .acct-art-bottom { flex-direction: column; align-items: flex-start; }
html.playarc body.acct-pub .acct-region-chip,
html.playarc body.acct-pub .acct-plus-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 0 8px 0 6px;
  border-radius: 999px;
  background: rgba(4, 10, 18, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .18);
  color: #e8f4ff;
  font-size: 11.5px;
  font-weight: 800;
}
html.playarc body.acct-pub .acct-region-chip .acct-flag {
  width: 22px !important;
  height: 16px !important;
  border-radius: 3px;
}
html.playarc body.acct-pub .acct-plus-chip img {
  width: 14px;
  height: 14px;
}
html.playarc body.acct-pub .acct-plus-chip.is-premium { box-shadow: inset 0 0 0 1px rgba(255, 214, 120, .45); color: #ffe7a8; }
html.playarc body.acct-pub .acct-plus-chip em { font-style: normal; opacity: .85; }
html.playarc body.acct-pub .acct-card-facts { display: none !important; }

/* PA_PLUS_BARE_V2 — listing Plus tile is the mark only: no plate, ring, gold oval, or 3D box. */
html.playarc body.acct-pub .acct-card-art.is-plus,
html.playarc body.acct-pub .acct-card-art.is-empty.is-plus {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus::before,
html.playarc body.acct-pub .acct-card-art.is-plus::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus > img,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero.is-mark,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-card-plus {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  width: min(62%, 188px) !important;
  max-width: min(62%, 188px) !important;
  height: auto !important;
  max-height: min(62%, 188px) !important;
  aspect-ratio: 1 / 1;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: center !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  justify-self: center;
  align-self: center;
}
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay {
  background: none !important;
  background-image: none !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay img {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  aspect-ratio: auto !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay img.acct-flag,
html.playarc body.acct-pub .acct-card-art.is-plus .acct-art-overlay .acct-flag {
  width: 22px !important;
  height: 16px !important;
  max-width: 22px !important;
  max-height: 16px !important;
  border-radius: 3px !important;
}

/* PA_PLUS_BARE_V2b — px floor so the mark cannot collapse to ~70px inside an auto grid. */
html.playarc body.acct-pub .acct-card-art.is-plus {
  min-height: 220px;
}
html.playarc body.acct-pub .acct-card-art.is-plus > img,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero.is-mark,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-card-plus {
  width: 76% !important;
  min-width: 168px !important;
  max-width: 228px !important;
  height: auto !important;
  min-height: 168px !important;
  max-height: 228px !important;
}

/* PA_ACCT_MOBILE_GRID_V1 — never 2-up squash below 720px; keep cover tiles even. */
@media (max-width: 720px) {
  html.playarc body.acct-pub .acct-grid,
  html.playarc body.acct-pub .acct-grid[data-acct-stamp] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  html.playarc body.acct-pub .acct-grid[data-acct-stamp] { min-height: 0; }
  html.playarc body.acct-pub .acct-card-art.is-plus { min-height: 180px; }
  html.playarc body.acct-pub .acct-card-art.is-plus > img,
  html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero {
    min-width: 132px !important;
    min-height: 132px !important;
    max-width: 196px !important;
    max-height: 196px !important;
  }
}

/* PA_ACCT_FA_FACE_V1 — 800 had no FD file (faux-bold), negative tracking glued Persian. */
html.playarc body.acct-pub,
html.playarc body.acct-pub h1,
html.playarc body.acct-pub h2,
html.playarc body.acct-pub p,
html.playarc body.acct-pub em,
html.playarc body.acct-pub i,
html.playarc body.acct-pub label,
html.playarc body.acct-pub button,
html.playarc body.acct-pub a,
html.playarc body.acct-pub span {
  font-synthesis: none !important;
}
html.playarc body.acct-pub .acct-hero h1,
html.playarc body.acct-pub .acct-hero p.lead,
html.playarc body.acct-pub .acct-hero-kicker,
html.playarc body.acct-pub .acct-id-kicker,
html.playarc body.acct-pub .acct-buy-kicker,
html.playarc body.acct-pub .acct-buy-main,
html.playarc body.acct-pub .acct-copy-label,
html.playarc body.acct-pub .acct-back,
html.playarc body.acct-pub .acct-lib-head h2,
html.playarc body.acct-pub .acct-pill,
html.playarc body.acct-pub .acct-plus i {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  letter-spacing: 0 !important;
  font-kerning: normal !important;
}
html.playarc body.acct-pub .acct-hero h1,
html.playarc body.acct-pub .acct-buy-main,
html.playarc body.acct-pub .acct-pill.is-state {
  font-weight: 700 !important;
}
html.playarc body.acct-pub .acct-id-title {
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif !important;
  letter-spacing: .04em !important;
}
html.playarc body.acct-pub .pa-coupon-dock {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
  width: max-content !important;
  max-width: min(1180px, calc(100% - 32px)) !important;
  margin: 12px auto 0 !important;
  margin-inline: max(16px, calc((100% - min(1180px, 100% - 32px)) / 2)) auto !important;
  padding: 8px 10px 8px 12px !important;
  border-radius: 16px !important;
  background: rgba(8, 16, 30, .92) !important;
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16) !important;
  border-bottom: 0 !important;
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
html.playarc body.acct-pub .pa-coupon-dock label {
  display: inline-flex;
  align-items: center;
  gap: 12px !important;
}
html.playarc .shell-nav.pa-tabs .pa-tab,
html.playarc .shell-nav.pa-tabs .pa-social-launch {
  padding-inline: 11px !important;
  gap: 8px !important;
}
html.playarc body.acct-pub .acct-lib-head,
html.playarc body.acct-pub header.acct-lib-head {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  z-index: auto !important;
  pointer-events: auto !important;
}
html.playarc body.acct-pub .acct-lib-head h2 {
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  color: #eaf4ff !important;
  background: none !important;
}

/* PA_ACCT_HERO_SPLIT_V1 — stacked 1-col left a huge empty plate. Desktop
   puts stats beside the copy so the hero fills the card. */
@media (min-width: 900px) {
  html.playarc body.acct-pub .acct-hero {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 30px !important;
  }
  html.playarc body.acct-pub .acct-hero-copy { grid-column: 2; }
  html.playarc body.acct-pub .acct-stats {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    width: 220px;
  }
}

/* PA_ACCT_SHOW_TYPE_V1 — inner <header> must never inherit the site chrome,
   and kickers were 11.5/400 so Persian looked like a leftover system face. */
html.playarc body.acct-pub header.acct-id,
html.playarc body.acct-pub header.acct-cap-head {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: auto !important;
  background: none !important;
}
html.playarc body.acct-pub .acct-id-kicker,
html.playarc body.acct-pub .acct-buy-kicker,
html.playarc body.acct-pub .acct-fact2 em,
html.playarc body.acct-pub .acct-cap-cell em,
html.playarc body.acct-pub .acct-buy-note,
html.playarc body.acct-pub .acct-pub-note {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}
html.playarc body.acct-pub .acct-id-kicker {
  font-size: 13px !important;
  font-weight: 700 !important;
}
html.playarc body.acct-pub .acct-buy-kicker {
  font-size: 13px !important;
}
html.playarc body.acct-pub .acct-cta {
  font-family: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}


/* PA_HIDE_SOLD_V1 — public vitrine only shows live stock. Sold KPI/chips confuse buyers. */
html.playarc body.acct-pub .acct-stat.is-sold,
html.playarc body.acct-pub .acct-card .acct-slot.is-sold { display: none !important; }
html.playarc body.acct-pub .acct-buy-state.is-sold,

html.playarc body.acct-pub .acct-cap-state.is-sold,

html.playarc body.acct-pub .acct-pill.is-state.is-sold,

html.playarc body.acct-pub .acct-buy-row:has(.is-sold),

html.playarc body.acct-pub .acct-cap:has(.acct-cap-state.is-sold) { display: none !important; }
html.playarc body.acct-pub .acct-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero.is-mark {
  width: 112px !important;
  min-width: 96px !important;
  max-width: 128px !important;
  min-height: 96px !important;
  max-height: 128px !important;
  height: auto !important;
}
html.playarc .shell-nav.pa-tabs {
  cursor: grab;
  touch-action: pan-x;
}
html.playarc .shell-nav.pa-tabs.is-drag { cursor: grabbing; }
html.playarc body.acct-pub .acct-card-art.is-plus {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  justify-items: center !important;
  align-content: center !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus > img,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero,
html.playarc body.acct-pub .acct-card-art.is-plus > img.acct-plus-hero.is-mark {
  margin: auto !important;
  justify-self: center !important;
  align-self: center !important;
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}
html.playarc body.acct-pub .acct-card-art.is-plus > .acct-art-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
/* PA_ACCT_PRICE_OFFART_V1 — the kind chips and the price sit in the card body,
   under the cover, each on its own line. The amount is raised so it reads as the
   price and never collides with the game art above it. */
html.playarc body.acct-pub .acct-card-body,
html.playarc body.acct-pub .acct-card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 8px;
  min-width: 0;
}
html.playarc body.acct-pub .acct-card-body .acct-card-price,
html.playarc body.acct-pub .acct-card-info .acct-card-price {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
html.playarc body.acct-pub .acct-card-body .acct-card-price .pa2-money,
html.playarc body.acct-pub .acct-card-info .acct-card-price .pa2-money {
  font-size: 18px;
  color: #f4fbff;
  text-shadow: 0 1px 0 rgba(255,255,255,.4), 0 4px 12px rgba(40,120,220,.35);
}
/* PA_ACCT_CARD_V2 — the listing card reads top to bottom: the cover, then the
   facts, then the price, then the code. The price is the one loud line; the
   kind and the capacity are quiet chips; nothing floats over the artwork.
   The grid sizes every card the same, so a short card no longer sits next to a
   tall one and the row stops looking uneven. */
html.playarc body.acct-pub .acct-grid {
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 18px;
}
html.playarc body.acct-pub .acct-card {
  gap: 0;
  padding: 10px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(22, 40, 64, .55), rgba(10, 18, 30, .35));
  box-shadow: inset 0 0 0 1px rgba(150, 196, 240, .14), 0 10px 26px -18px rgba(0, 0, 0, .8);
  transition: transform .18s ease, box-shadow .18s ease;
}
html.playarc body.acct-pub .acct-card:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .5), 0 18px 34px -18px rgba(60, 160, 255, .55);
}
html.playarc body.acct-pub .acct-card-art { border-radius: 12px; }
html.playarc body.acct-pub .acct-card-body,
html.playarc body.acct-pub .acct-card-info {
  margin-top: 12px;
  gap: 8px;
  width: 100%;
}
html.playarc body.acct-pub .acct-card-kind { gap: 6px; }
html.playarc body.acct-pub .acct-kind,
html.playarc body.acct-pub .acct-cap-pill {
  min-height: 22px;
  padding: 2px 9px;
  font-size: 11.5px;
  font-weight: 650;
  letter-spacing: 0;
}
/* PA_ACCT_LAYOUT_V1 — one price per line. Two console prices side by side made the
   cards a different height each and the GENY line collided with the dollar. */
html.playarc body.acct-pub .acct-card-body .acct-card-price,
html.playarc body.acct-pub .acct-card-info .acct-card-price {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 4px;
}
html.playarc body.acct-pub .acct-card-ask {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(120, 170, 220, .06);
  box-shadow: inset 0 0 0 1px rgba(160, 205, 245, .12);
}
html.playarc body.acct-pub .acct-card-ask .acct-pay-geny { flex-basis: 100%; }
html.playarc body.acct-pub .acct-card .acct-card-meta {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid rgba(150, 196, 240, .12);
}
html.playarc body.acct-pub .acct-card .acct-code {
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #d5e6f6;
}
html.playarc body.acct-pub .acct-card .acct-slots { margin-top: auto; padding-top: 8px; }
/* The warranty note and the currency equivalent are quiet lines under the
   price, full width, so a long sentence wraps instead of stretching the card. */
html.playarc body.acct-pub .acct-card .pa-sale-hint,
html.playarc body.acct-pub .acct-card .pa-fx-line {
  display: block;
  flex-basis: 100%;
  margin-top: 2px;
  font-size: 11.5px;
  line-height: 1.5;
  color: rgba(190, 208, 226, .72);
  font-style: normal;
}
html.playarc body.acct-pub .acct-card .acct-slot {
  height: 24px;
  padding: 0 10px;
  font-size: 11.5px;
}
@media (min-width: 900px) {
  html.playarc body.acct-pub .acct-hero h1 {
    font-size: 42px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
}

/* PA_ACCT_PRICE_FACE_V1 — the $ mark and the GENY logo sit inline with the
   amount, and the GENY equivalent reads as a quiet second line. */
html.playarc body.acct-pub .acct-usd-mark {
  font-style: normal;
  font-weight: 800;
  margin-inline-end: 1px;
  color: #b6f3c8;
}
html.playarc body.acct-pub .acct-geny-mark {
  width: 32px;
  height: 32px;
  margin-inline-end: 2px;
  display: inline-block;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 42%, #0c3a33, #041612 72%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28), 0 1px 2px rgba(0, 0, 0, .4);
}
html.playarc body.acct-pub .acct-pay-geny {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-basis: 100%;
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #efe6ff;
}
html.playarc body.acct-pub .acct-geny-word {
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  color: #d9c6ff;
}
html.playarc body.acct-pub .acct-geny-usd {
  font-style: normal;
  font-weight: 700;
  color: rgba(190, 214, 236, .82);
}
html.playarc body.acct-pub .pa2-money.is-usd,
html.playarc body.acct-pub .pa2-money.is-geny {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

/* PA_ACCT_HYBRID_3D_V1 — the hero mark is two console plates fused in CSS 3D:
   PS4 sits back, PS5 stands in front. The hero headline and the stat numbers
   take the console face (Saira) so Latin reads like the rest of the HUD. */
html.playarc body.acct-pub .acct-hybrid {
  display: grid;
  place-items: center;
  align-self: center;
  grid-row: 1 / span 2;
  width: 250px;
  height: 250px;
  perspective: 1000px;
}
html.playarc body.acct-pub .acct-hybrid-stage {
  position: relative;
  width: 188px;
  height: 188px;
  transform-style: preserve-3d;
  transform: rotateX(13deg) rotateY(-26deg);
  animation: acctHybridSpin 9s ease-in-out infinite alternate;
}
@keyframes acctHybridSpin {
  from { transform: rotateX(13deg) rotateY(-30deg); }
  to { transform: rotateX(9deg) rotateY(-16deg); }
}
@media (prefers-reduced-motion: reduce) {
  html.playarc body.acct-pub .acct-hybrid-stage { animation: none; }
}
html.playarc body.acct-pub .acct-hybrid-plate {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 26px;
  transform-style: preserve-3d;
}
/* The slab's depth: a darker copy of the face set straight behind it, so the
   block reads as solid without a warped top edge. */
html.playarc body.acct-pub .acct-hybrid-plate::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: inherit;
  transform: translateZ(-18px);
  filter: brightness(.5);
}
html.playarc body.acct-pub .acct-hybrid-plate i {
  position: relative;
  z-index: 2;
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
}
html.playarc body.acct-pub .acct-hybrid-plate.is-ps5 {
  transform: translate3d(0, 0, 24px);
  background: linear-gradient(155deg, #49a6ff 0%, #1570e6 48%, #0a3dad 100%);
  box-shadow: 0 40px 60px -22px rgba(20, 96, 220, .85), inset 0 1px 0 rgba(255, 255, 255, .6);
}
html.playarc body.acct-pub .acct-hybrid-plate.is-ps5 img {
  width: 62%;
  height: auto;
  filter: brightness(0) invert(1) drop-shadow(0 3px 6px rgba(6, 24, 70, .45));
}
html.playarc body.acct-pub .acct-hero h1,
html.playarc body.acct-pub .acct-hero-chips li {
  font-family: "PlayArc Console", "Saira", "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif !important;
}
@media (max-width: 720px) {
  html.playarc body.acct-pub .acct-hero { grid-template-columns: minmax(0, 1fr) !important; }
  html.playarc body.acct-pub .acct-hybrid { grid-row: auto; width: 100%; height: 200px; }
  html.playarc body.acct-pub .acct-hybrid-stage { width: 150px; height: 150px; }
}

/* PA_ACCT_CARD_META_V1 — the comparison row under the kind chip: region, capacity,
   library size and warranty, so two accounts stop looking identical. */
/* PA_ACCT_COVER_BAR_V1 — a slim bar along the bottom of the cover: the account
   kind, the game count and the online/offline icons, so the card body below is
   only the price and the code. */
html.playarc body.acct-pub .acct-art-overlay {
  inset: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(4, 10, 18, .72), transparent 34%, transparent 62%, rgba(4, 10, 18, .78)) !important;
}
html.playarc body.acct-pub .acct-cov-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
}
html.playarc body.acct-pub .acct-cov-kind,
html.playarc body.acct-pub .acct-cov-games,
html.playarc body.acct-pub .acct-cov-net {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(6, 12, 22, .72);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
  backdrop-filter: blur(6px);
  color: #f4fbff;
  font-family: "PlayArc Console", "Saira", Tahoma, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
html.playarc body.acct-pub .acct-cov-games b { font-weight: 800; }
/* PA_ACCT_PLAT_STATE_V2 — the big online / offline badges over the cover. */
html.playarc body.acct-pub .acct-cov-mode {
  height: 30px;
  padding: 0 11px;
  gap: 6px;
  font-size: 13px;
}
html.playarc body.acct-pub .acct-cov-mode svg { width: 18px; height: 18px; }
html.playarc body.acct-pub .acct-cov-mode.is-off { color: #ffd9a0; }
html.playarc body.acct-pub .acct-cov-mode.is-on { color: #9dface; }
/* The console badges at the foot of the card, in place of "Available". */
html.playarc body.acct-pub .acct-plat {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
}
html.playarc body.acct-pub .acct-plat i {
  width: 46px;
  height: 14px;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
html.playarc body.acct-pub .acct-plat.is-live {
  color: #d8ffea;
  background: rgba(34, 122, 74, .55);
  box-shadow: inset 0 0 0 1px rgba(150, 245, 190, .6);
}
html.playarc body.acct-pub .acct-plat.is-sold {
  color: #fff;
  background: rgba(176, 28, 48, .9);
  box-shadow: inset 0 0 0 1px rgba(255, 160, 172, .75);
}
/* PA_ACCT_PLAT_STATE_V1 — the console logo, tinted by its state: green plays
   offline, amber is online only, red has sold. */
html.playarc body.acct-pub .acct-cov-plat { gap: 5px; }
html.playarc body.acct-pub .acct-cov-logo {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
html.playarc body.acct-pub .acct-cov-plat.is-off { color: #9dface; background: rgba(40, 130, 80, .4); box-shadow: inset 0 0 0 1px rgba(130, 240, 180, .55); }
html.playarc body.acct-pub .acct-cov-plat.is-on { color: #ffd89a; background: rgba(140, 90, 20, .4); box-shadow: inset 0 0 0 1px rgba(255, 200, 120, .55); }
html.playarc body.acct-pub .acct-cov-plat.is-sold {
  color: #fff;
  background: rgba(176, 28, 48, .85);
  box-shadow: inset 0 0 0 1px rgba(255, 150, 165, .7);
}
html.playarc body.acct-pub .acct-cov-plat.is-sold b { text-decoration: line-through; }
html.playarc body.acct-pub .acct-card-meta2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
html.playarc body.acct-pub .acct-card-meta2 .acct-region-chip,
html.playarc body.acct-pub .acct-meta-cap,
html.playarc body.acct-pub .acct-meta-games,
html.playarc body.acct-pub .acct-meta-warranty {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(150, 190, 230, .08);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
  color: rgba(214, 228, 242, .86);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.4;
}
html.playarc body.acct-pub .acct-meta-games b { font-weight: 800; color: #f4fbff; }
html.playarc body.acct-pub .acct-meta-warranty.is-on {
  background: rgba(70, 190, 120, .14);
  box-shadow: inset 0 0 0 1px rgba(120, 220, 160, .4);
  color: #b6f0cb;
}

/* ===== PA_ACCT_FIX_V1 (2026-09-26) — append-only ===========================
   The storefront pass: capacity-grade colours on the slot icons (1 red offline,
   2 blue online+offline, 3 green fully online), logo-only console badges that
   fill the row, BOTH console prices with the unavailable one struck through,
   and the hero stat number centred over its label. */

/* -- 1) the foot strip: two logos, each half the row, tinted by grade ------- */
html.playarc body.acct-pub .acct-card .acct-slots {
  display: flex;
  gap: 8px;
  width: 100%;
}
html.playarc body.acct-pub .acct-card .acct-plat {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 10px;
  border-radius: 11px;
}
html.playarc body.acct-pub .acct-card .acct-plat i {
  width: 100%;
  height: 15px;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
/* grade colours: 1 = red (offline only) · 2 = blue (online+offline) · 3 = green (fully online) */
html.playarc body.acct-pub .acct-plat.is-g1.is-live { color: #ff8fa3; background: rgba(176, 28, 48, .32); box-shadow: inset 0 0 0 1px rgba(255, 130, 150, .55); }
html.playarc body.acct-pub .acct-plat.is-g2.is-live { color: #9ecbff; background: rgba(34, 84, 176, .38); box-shadow: inset 0 0 0 1px rgba(110, 175, 255, .6); }
html.playarc body.acct-pub .acct-plat.is-g3.is-live { color: #8dffcf; background: rgba(24, 122, 74, .42); box-shadow: inset 0 0 0 1px rgba(90, 230, 165, .6); }
/* a sold console keeps the red face with a stronger fill and a struck logo */
html.playarc body.acct-pub .acct-plat.is-sold { color: #ffd7de; background: rgba(176, 28, 48, .88); box-shadow: inset 0 0 0 1px rgba(255, 160, 172, .75); }
html.playarc body.acct-pub .acct-plat.is-sold i { opacity: .85; }

/* -- 2) the price: both consoles; the unavailable one is struck through ----- */
html.playarc body.acct-pub .acct-card .acct-card-ask { width: 100%; }
html.playarc body.acct-pub .acct-card .acct-card-ask .acct-pay-geny,
html.playarc body.acct-pub .acct-card .acct-card-ask .pa2-money { flex-basis: auto; }
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off { opacity: .62; }
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off .pa2-money,
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off .acct-geny-num,
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off .acct-geny-word {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(255, 130, 150, .85);
}
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off .acct-geny-mark,
html.playarc body.acct-pub .acct-card .acct-card-ask.is-off .acct-geny-word { opacity: .75; }

/* -- 3) hero stat: the number sits centred over its label -------------------- */
html.playarc body.acct-pub .acct-stat {
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
}
html.playarc body.acct-pub .acct-stat b,
html.playarc body.acct-pub .acct-stat em,
html.playarc body.acct-pub section.acct-hero .acct-stat > b.pa-latin {
  width: 100% !important;
  text-align: center !important;
}

/* -- 4) detail capacity card: grade-tinted logo strip ------------------------ */
html.playarc body.acct-pub .acct-cap-head.is-g1 img { filter: drop-shadow(0 0 8px rgba(255, 100, 125, .55)) brightness(1.25) sepia(1) hue-rotate(-30deg) saturate(6); }
html.playarc body.acct-pub .acct-cap-head.is-g2 img { filter: drop-shadow(0 0 8px rgba(80, 150, 255, .55)) brightness(1.2) saturate(3.2) hue-rotate(8deg); }
html.playarc body.acct-pub .acct-cap-head.is-g3 img { filter: drop-shadow(0 0 8px rgba(60, 230, 150, .5)) brightness(1.2) saturate(3); }

/* -- 5) library badges: logo only, filling the row --------------------------- */
html.playarc body.acct-pub .acct-lib .acct-game-meta .acct-badge {
  flex: 1 1 0;
  min-width: 0;
  height: 20px;
  padding: 0 8px;
  justify-content: center;
}
html.playarc body.acct-pub .acct-lib .acct-game-meta .acct-badge img {
  width: 100%;
  height: 12px;
  object-fit: contain;
}
/* ===== PA_ACCT_FIX_V1_END ===== */

/* ===== PA_ACCT_ROW_TIGHT_V1 (2026-09-26) — append-only =====================
   The price row under the cover was a tall stack: each console sat on its own
   line, so a card with two prices ran much longer than one with a single price
   and the row looked stretched. Both prices now share ONE compact line and the
   text is centred in it, so every card in the row is the same short height. */
html.playarc body.acct-pub .acct-card-body .acct-card-price,
html.playarc body.acct-pub .acct-card-info .acct-card-price {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  margin-top: 2px;
  width: 100%;
}
html.playarc body.acct-pub .acct-card .acct-card-ask {
  flex: 0 0 auto;
  width: 100%;
  min-height: 34px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
}
html.playarc body.acct-pub .acct-card .acct-card-ask .pa2-money,
html.playarc body.acct-pub .acct-card .acct-card-ask .acct-pay-geny { font-size: 14px; flex-basis: auto; }
html.playarc body.acct-pub .acct-card-body,
html.playarc body.acct-pub .acct-card-info { align-items: center; }
html.playarc body.acct-pub .acct-card-meta2 { justify-content: center; }
/* ===== PA_ACCT_ROW_TIGHT_V1_END ===== */

/* PA_ACCT_FIX_V1 — the idle console (not offered, not sold): logo stays, dimmed
   and struck through, so the row always shows both platforms. */
html.playarc body.acct-pub .acct-plat.is-idle { color: rgba(168, 188, 216, .55); background: rgba(20, 32, 48, .4); box-shadow: inset 0 0 0 1px rgba(150, 170, 200, .22); }
html.playarc body.acct-pub .acct-plat.is-idle i { opacity: .6; }
html.playarc body.acct-pub .acct-plat.is-idle::after {
  content: "";
  position: absolute;
  width: 62%;
  height: 2px;
  border-radius: 2px;
  background: rgba(255, 130, 150, .6);
  transform: rotate(-8deg);
}
html.playarc body.acct-pub .acct-plat.is-idle { position: relative; overflow: hidden; }

/* ===== PA_ACCT_GRADE_COLOR_V2 (2026-09-26) — append-only ====================
   The capacity is an ACCOUNT-level fact: both consoles always share one grade.
   The colour therefore moves OFF the console logos (which painted every card
   red on cap-1 accounts) ONTO one chip on the cover + one grade pill on the
   detail capacity card. Console logos at the foot stay neutral. */

/* -- foot strip: neutral logos, both always visible -------------------------- */
html.playarc body.acct-pub .acct-plat.is-g1.is-live,
html.playarc body.acct-pub .acct-plat.is-g2.is-live,
html.playarc body.acct-pub .acct-plat.is-g3.is-live {
  color: #eaf3ff;
  background: rgba(28, 46, 74, .78);
  box-shadow: inset 0 0 0 1px rgba(150, 196, 240, .28);
}
html.playarc body.acct-pub .acct-plat.is-sold {
  color: #ffd7de;
  background: rgba(176, 28, 48, .55);
  box-shadow: inset 0 0 0 1px rgba(255, 160, 172, .5);
}
html.playarc body.acct-pub .acct-plat.is-sold i { opacity: .55; }
html.playarc body.acct-pub .acct-plat.is-idle {
  color: rgba(168, 188, 216, .5);
  background: rgba(20, 32, 48, .4);
  box-shadow: inset 0 0 0 1px rgba(150, 170, 200, .18);
}
html.playarc body.acct-pub .acct-plat.is-idle i { opacity: .5; }

/* -- cover chip: the grade colour lives here --------------------------------- */
html.playarc body.acct-pub .acct-cov-mode.is-both {
  color: #9ecbff;
  background: rgba(10, 18, 30, .72);
  box-shadow: inset 0 0 0 1px rgba(110, 175, 255, .55);
}
html.playarc body.acct-pub .acct-cov-mode.is-off {
  color: #ff9db1;
  background: rgba(10, 18, 30, .72);
  box-shadow: inset 0 0 0 1px rgba(255, 130, 150, .55);
}
html.playarc body.acct-pub .acct-cov-mode.is-on {
  color: #8dffcf;
  background: rgba(10, 18, 30, .72);
  box-shadow: inset 0 0 0 1px rgba(90, 230, 165, .55);
}

/* -- detail capacity card: grade pill with coloured dot ----------------------- */
html.playarc body.acct-pub .acct-cap-grade {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  background: rgba(20, 32, 48, .72);
}
html.playarc body.acct-pub .acct-cap-grade i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: 0 0 auto;
}
html.playarc body.acct-pub .acct-cap-grade.is-g1 { color: #ff9db1; box-shadow: inset 0 0 0 1px rgba(255, 130, 150, .5); }
html.playarc body.acct-pub .acct-cap-grade.is-g1 i { background: #ff5d7d; box-shadow: 0 0 8px rgba(255, 93, 125, .8); }
html.playarc body.acct-pub .acct-cap-grade.is-g2 { color: #9ecbff; box-shadow: inset 0 0 0 1px rgba(110, 175, 255, .5); }
html.playarc body.acct-pub .acct-cap-grade.is-g2 i { background: #4d9bff; box-shadow: 0 0 8px rgba(77, 155, 255, .8); }
html.playarc body.acct-pub .acct-cap-grade.is-g3 { color: #8dffcf; box-shadow: inset 0 0 0 1px rgba(90, 230, 165, .5); }
html.playarc body.acct-pub .acct-cap-grade.is-g3 i { background: #35e6a1; box-shadow: 0 0 8px rgba(53, 230, 161, .8); }

/* the old logo-tint filters on the detail head are neutralised */
html.playarc body.acct-pub .acct-cap-head.is-g1 img,
html.playarc body.acct-pub .acct-cap-head.is-g2 img,
html.playarc body.acct-pub .acct-cap-head.is-g3 img { filter: none; }
/* ===== PA_ACCT_GRADE_COLOR_V2_END ===== */

/* ===== PA_ACCT_GRADE_COLOR_V3 (2026-09-26) — append-only ====================
   The capacity mark is ICON + NUMBER only — no words. Wifi icon = the mode,
   colour = the grade (1 red offline / 2 blue both / 3 green online), and the
   digit is the capacity. One compact modern chip on the cover + detail card. */
html.playarc body.acct-pub .acct-cap-mark {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 9px 0 7px;
  border-radius: 999px;
  direction: rtl;
  font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  background: rgba(8, 14, 26, .78);
  backdrop-filter: blur(6px);
}
html.playarc body.acct-pub .acct-cap-mark svg { width: 15px; height: 15px; flex: 0 0 auto; }
html.playarc body.acct-pub .acct-cap-mark b { font-weight: 800; line-height: 1; }
/* grade faces: red = offline only · blue = online+offline · green = fully online */
html.playarc body.acct-pub .acct-cap-mark.is-off { color: #ff8fa3; box-shadow: inset 0 0 0 1px rgba(255, 110, 135, .55), 0 2px 10px rgba(255, 80, 110, .18); }
html.playarc body.acct-pub .acct-cap-mark.is-both { color: #8fbcff; box-shadow: inset 0 0 0 1px rgba(100, 170, 255, .55), 0 2px 10px rgba(60, 140, 255, .18); }
html.playarc body.acct-pub .acct-cap-mark.is-on { color: #74f4bd; box-shadow: inset 0 0 0 1px rgba(70, 230, 160, .55), 0 2px 10px rgba(40, 220, 150, .18); }
/* the old V2 dot pill and tinted cover chips are superseded */
html.playarc body.acct-pub .acct-cap-grade { display: none; }
html.playarc body.acct-pub .acct-cov-mode.is-both { color: #ffd9a0; background: none; box-shadow: none; }
/* ===== PA_ACCT_GRADE_COLOR_V3_END ===== */

/* ===== PA_ACCT_SMART_SEARCH_V1 — the smart-search + filter toolbar and the
   showcase card refresh. Scoped to .acct-catalog (the LIST page mount); the
   share/detail page (.acct-show) is untouched except the mode chip tone. ===== */
html.playarc body.acct-pub .acct-catalog { display: block; margin-top: 18px; }
html.playarc body.acct-pub .acct-tools {
  display: grid;
  gap: 10px;
  padding: 16px 16px 14px;
  border-radius: 24px;
  background:
    radial-gradient(700px 200px at 88% -30%, rgba(94, 200, 255, .14), transparent 60%),
    linear-gradient(180deg, rgba(12, 22, 38, .92), rgba(6, 10, 18, .88));
  box-shadow: 0 22px 44px -30px rgba(0, 0, 0, .85), inset 0 0 0 1px rgba(170, 214, 255, .14);
}
/* --- the search well --- */
html.playarc body.acct-pub .acct-search {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  background: rgba(4, 10, 18, .55);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .14);
  transition: box-shadow .18s ease, background .18s ease;
}
html.playarc body.acct-pub .acct-search:focus-within {
  background: rgba(4, 10, 18, .75);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .55), 0 0 0 4px rgba(94, 200, 255, .12);
}
html.playarc body.acct-pub .acct-search-ico { display: inline-flex; color: rgba(158, 231, 255, .8); flex: none; }
html.playarc body.acct-pub .acct-search-in {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: none;
  color: #eaf4ff;
  font: inherit;
  font-size: 16px;
  font-weight: 600;
}
html.playarc body.acct-pub .acct-search-in::placeholder { color: rgba(168, 188, 216, .55); font-weight: 500; }
html.playarc body.acct-pub .acct-search-in::-webkit-search-cancel-button { display: none; }
html.playarc body.acct-pub .acct-search-clear {
  flex: none;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: rgba(200, 216, 232, .75);
  background: rgba(170, 214, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .18);
  font-size: 12px;
  line-height: 1;
  transition: background .15s ease, color .15s ease;
}
html.playarc body.acct-pub .acct-search-clear:hover { color: #04121f; background: linear-gradient(180deg, #a8e0ff, #5ec8ff); }
/* --- filter rows + chips --- */
html.playarc body.acct-pub .acct-frow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; }
html.playarc body.acct-pub .acct-flab {
  flex: none;
  min-width: 64px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(158, 231, 255, .66);
}
html.playarc body.acct-pub .acct-fchips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
html.playarc body.acct-pub .acct-fchip {
  padding: 7px 14px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: rgba(200, 216, 232, .82);
  background: rgba(12, 22, 38, .72);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
  transition: color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease;
}
html.playarc body.acct-pub .acct-fchip:hover { color: #eaf4ff; box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .45); }
html.playarc body.acct-pub .acct-fchip:active { transform: scale(.96); }
html.playarc body.acct-pub .acct-fchip.is-on {
  color: #04121f;
  font-weight: 800;
  background: linear-gradient(180deg, #a8e0ff, #5ec8ff);
  box-shadow: 0 6px 16px -8px rgba(94, 200, 255, .8), inset 0 0 0 1px rgba(168, 224, 255, .6);
}
/* --- footer: count / try chips / reset --- */
html.playarc body.acct-pub .acct-tools-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 2px; }
html.playarc body.acct-pub .acct-fcount {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  color: #9ee7ff;
  background: rgba(4, 10, 18, .55);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .16);
}
html.playarc body.acct-pub .acct-ftry { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 12px; color: rgba(168, 188, 216, .62); }
html.playarc body.acct-pub .acct-try {
  padding: 4px 10px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  color: rgba(158, 231, 255, .85);
  background: rgba(94, 200, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .22);
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
html.playarc body.acct-pub .acct-try:hover { color: #04121f; background: linear-gradient(180deg, #a8e0ff, #5ec8ff); box-shadow: none; }
html.playarc body.acct-pub .acct-freset {
  margin-inline-start: auto;
  padding: 6px 14px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #ffb4c0;
  background: rgba(255, 120, 150, .07);
  box-shadow: inset 0 0 0 1px rgba(255, 120, 150, .28);
  transition: background .15s ease, color .15s ease;
}
html.playarc body.acct-pub .acct-freset:hover { color: #2a0410; background: linear-gradient(180deg, #ffd3dd, #ff9db2); }
html.playarc body.acct-pub .acct-freset.is-big { margin: 10px auto 0; padding: 10px 22px; font-size: 13.5px; border-radius: 14px; display: inline-flex; }
/* --- empty state --- */
html.playarc body.acct-pub .acct-none {
  grid-column: 1 / -1;
  text-align: center;
  padding: 42px 20px;
  border-radius: 20px;
  background: rgba(4, 10, 18, .4);
  box-shadow: inset 0 0 0 1px rgba(170, 214, 255, .1);
}
html.playarc body.acct-pub .acct-none b { display: block; font-size: 16px; color: #eaf4ff; }
html.playarc body.acct-pub .acct-none em { display: block; margin: 8px auto 0; max-width: 34rem; font-style: normal; font-size: 13px; line-height: 1.8; color: rgba(200, 216, 232, .66); }
/* --- showcase card refresh (inside the catalog only) --- */
html.playarc body.acct-pub .acct-catalog .acct-card {
  transition: transform .18s ease, box-shadow .18s ease;
}
html.playarc body.acct-pub .acct-catalog .acct-card:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .5), 0 20px 36px -22px rgba(94, 200, 255, .55);
}
html.playarc body.acct-pub .acct-catalog .acct-card:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(94, 200, 255, .8), 0 18px 34px -20px rgba(94, 200, 255, .6);
}
html.playarc body.acct-pub .acct-catalog .acct-card-art img { transition: filter .2s ease; }
html.playarc body.acct-pub .acct-catalog .acct-card:hover .acct-card-art img { filter: brightness(1.07) saturate(1.04); }
/* the mode chip on a card gets its own tone: rental = gold (GENY), shared = cyan */
html.playarc body.acct-pub .acct-catalog .acct-kind.is-mode,
html.playarc body.acct-pub .acct-show .acct-kind.is-mode {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .02em;
  color: #9ee7ff;
  background: rgba(94, 200, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(94, 200, 255, .32);
}
html.playarc body.acct-pub .acct-catalog .acct-kind.is-mode.is-lend,
html.playarc body.acct-pub .acct-show .acct-kind.is-mode.is-lend {
  color: #ffd479;
  background: rgba(240, 184, 74, .1);
  box-shadow: inset 0 0 0 1px rgba(240, 184, 74, .34);
}
html.playarc body.acct-pub .acct-catalog .acct-card-price { margin-top: auto; }
html.playarc body.acct-pub .acct-catalog .acct-card-ask:not(.is-off) { color: #f4fbff; }
/* --- mobile --- */
@media (max-width: 640px) {
  html.playarc body.acct-pub .acct-tools { padding: 12px 12px 12px; border-radius: 20px; }
  html.playarc body.acct-pub .acct-search { height: 46px; }
  html.playarc body.acct-pub .acct-flab { min-width: 100%; }
  html.playarc body.acct-pub .acct-fchip { padding: 6px 12px; font-size: 12.5px; }
  html.playarc body.acct-pub .acct-freset { margin-inline-start: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.playarc body.acct-pub .acct-catalog .acct-card,
  html.playarc body.acct-pub .acct-fchip,
  html.playarc body.acct-pub .acct-card-art img { transition: none; }
}
/* ===== PA_ACCT_SMART_SEARCH_V1_END ===== */

/* PA_ACCT_SUNSET_V1 — the buy button was still the old cyan gradient and the
   outlined links picked up the same fill. Only the real action keeps the fill;
   the outlined ones stay a quiet border in the new colour. */
html.playarc body.acct-pub .acct-cta:not(.is-ghost) {
  background: linear-gradient(180deg, #ffb07a, #ee7eb6) !important;
  color: #2c103f !important;
  -webkit-text-fill-color: #2c103f !important;
  box-shadow: 0 12px 26px -14px rgba(238, 126, 182, .8) !important;
}
html.playarc body.acct-pub .acct-cta.is-ghost {
  background: rgba(20, 12, 32, .6) !important;
  color: #ffd9c0 !important;
  -webkit-text-fill-color: #ffd9c0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 176, 122, .3) !important;
}
html.playarc body.acct-pub .acct-cta.is-ghost:hover { box-shadow: inset 0 0 0 1px rgba(238, 126, 182, .7) !important; }

/* PA_ACCT_CARD_MODERN_V1
   - console strip: the old green/red slabs read as "go / error". Live consoles are a
     brand-tinted chip, a sold console is a calm muted chip with its logo struck, a
     console that is not offered is a faint outline. Meaning is unchanged.
   - cover: a cover whose images failed to load left a black square (first card on
     /accounts). The art box now carries a branded placeholder behind its images and
     broken images are hidden, so the placeholder shows through. */
html.playarc body.acct-pub .acct-card .acct-plat.is-live,
html.playarc body.acct-pub .acct-plat.is-g1.is-live,
html.playarc body.acct-pub .acct-plat.is-g2.is-live,
html.playarc body.acct-pub .acct-plat.is-g3.is-live {
  color: #f1ecff !important;
  background: linear-gradient(135deg, rgba(124, 92, 255, .34), rgba(86, 56, 190, .26)) !important;
  box-shadow: inset 0 0 0 1px rgba(196, 178, 255, .5), 0 4px 14px rgba(110, 70, 230, .18) !important;
}
html.playarc body.acct-pub .acct-card .acct-plat.is-sold,
html.playarc body.acct-pub .acct-plat.is-sold {
  color: rgba(226, 216, 246, .48) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 150, 175, .26) !important;
}
html.playarc body.acct-pub .acct-card .acct-plat.is-idle,
html.playarc body.acct-pub .acct-plat.is-idle {
  color: rgba(200, 190, 230, .38) !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(190, 170, 255, .14) !important;
}
html.playarc body.acct-pub .acct-card-art {
  background:
    url("/fx/playarc-mark.svg") center / 56px 56px no-repeat,
    radial-gradient(120% 90% at 50% 0%, rgba(140, 100, 255, .30), transparent 60%),
    linear-gradient(160deg, #1d1438, #120c26) !important;
}
html.playarc body.acct-pub .acct-card-art img.is-broken { visibility: hidden !important; }
/* PA_ACCT_CARD_MODERN_V1_END */

/* PA_ACCT_CARD_MODERN_V1b - stronger placeholder selector (an older rule painted a flat
   navy fill over it), gift-card own-account row keeps label + % together, stale deal
   chips stay readable instead of washing out. */
html.playarc body.acct-pub .acct-card .acct-card-art.acct-card-art {
  background:
    url("/fx/playarc-mark.svg") center / 56px 56px no-repeat,
    radial-gradient(120% 90% at 50% 0%, rgba(140, 100, 255, .30), transparent 60%),
    linear-gradient(160deg, #1d1438, #120c26) !important;
}
/* PA_ACCT_CARD_MODERN_V1b_END */

/* ===== PA_ACCT_V7 (2026-10-19) - accounts list + detail on the product palette (PA_PROD_CARD_V1 tokens) =====
   t139/t140: list hero/filters/cards rebuilt on --pa-p-*; equal-height cards with the price at
   the bottom and a meaningful title; detail header = title column + facts beside the buy card,
   price stated once, buttons inside their card, quiet link row, single console card full width. */
html.playarc body.acct-pub {
  --a7-line: var(--pa-p-line, rgba(170, 214, 255, .14));
  --a7-line-hi: var(--pa-p-line-hi, rgba(255, 176, 122, .5));
  --a7-card: var(--pa-p-card, linear-gradient(180deg, rgba(16, 31, 58, .92), rgba(11, 23, 48, .94)));
  --a7-ink: var(--pa-p-ink, #f4f8ff);
  --a7-dim: var(--pa-p-dim, #a8bcd8);
  --a7-was: var(--pa-p-was, #8fa7c4);
  --a7-price: var(--pa-p-price, #ffd9c0);
  --a7-brand: var(--pa-p-brand, linear-gradient(135deg, #ffb07a, #ee7eb6));
  --a7-on-brand: var(--pa-p-on-brand, #2c103f);
  --a7-shadow: var(--pa-p-shadow, 0 18px 40px -26px rgba(0, 0, 0, .85));
  --a7-shadow-hi: var(--pa-p-shadow-hi, 0 22px 44px -22px rgba(238, 126, 182, .35));
  --a7-soft: rgba(255, 255, 255, .035);
}

/* ---------- list: hero ---------- */
html.playarc body.acct-pub .acct-main > .acct-hero.acct-hero {
  display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important; gap: 18px 28px !important; min-height: 0 !important; height: auto !important;
  padding: 22px 28px !important; box-sizing: border-box !important; margin-block: 0 16px !important;
  border: 1px solid var(--a7-line) !important; border-radius: 20px !important;
  background: radial-gradient(110% 150% at 100% 0%, rgba(238, 126, 182, .16), transparent 55%),
              radial-gradient(90% 130% at 0% 100%, rgba(94, 200, 255, .10), transparent 60%), var(--a7-card) !important;
  box-shadow: var(--a7-shadow) !important;
}
html.playarc body.acct-pub .acct-hero .acct-hybrid { width: 140px; height: 140px; margin: 0 !important; } /* sized, not zoomed: zoom skews hit-boxes */
html.playarc body.acct-pub .acct-hero .acct-hybrid-stage { width: 106px; height: 106px; }
html.playarc body.acct-pub .acct-hero .acct-hybrid-plate { border-radius: 16px; }
html.playarc body.acct-pub .acct-hero .acct-hero-copy { display: grid !important; gap: 8px !important; justify-items: start !important; text-align: start !important; min-width: 0; }
html.playarc body.acct-pub .acct-hero h1 { font-size: clamp(24px, 2.7vw, 34px) !important; line-height: 1.35 !important; margin: 0 !important; color: var(--a7-ink) !important; }
html.playarc body.acct-pub .acct-hero .lead { margin: 0 !important; max-width: 64ch; font-size: 14.5px !important; line-height: 1.9 !important; color: var(--a7-dim) !important; }
html.playarc body.acct-pub .acct-hero .acct-hero-kicker { margin: 0 !important; }
html.playarc body.acct-pub .acct-hero .acct-hero-chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 2px 0 0 !important; padding: 0 !important; }
html.playarc body.acct-pub .acct-hero .acct-hero-chips li {
  min-height: 28px !important; padding: 0 12px !important; border-radius: 999px !important;
  border: 1px solid var(--a7-line) !important; background: var(--a7-soft) !important;
  color: var(--a7-ink) !important; font-size: 12.5px !important; font-weight: 700 !important; box-shadow: none !important;
}
html.playarc body.acct-pub .acct-hero .acct-stats { display: flex !important; gap: 10px !important; margin: 0 !important; }
html.playarc body.acct-pub .acct-hero .acct-stat[hidden] { display: none !important; }
html.playarc body.acct-pub .acct-hero .acct-stat {
  min-width: 132px; padding: 14px 18px !important; border-radius: 16px !important; box-sizing: border-box;
  border: 1px solid var(--a7-line-hi) !important; background: rgba(255, 176, 122, .06) !important; box-shadow: none !important;
  display: grid !important; justify-items: center; gap: 2px;
}
html.playarc body.acct-pub .acct-hero .acct-stat b { font-size: 32px !important; line-height: 1.2 !important; color: var(--a7-price) !important; -webkit-text-fill-color: var(--a7-price) !important; }
html.playarc body.acct-pub .acct-hero .acct-stat em { font-style: normal !important; font-size: 12.5px !important; color: var(--a7-dim) !important; white-space: nowrap; }
@media (max-width: 760px) {
  html.playarc body.acct-pub .acct-main > .acct-hero.acct-hero { grid-template-columns: minmax(0, 1fr) auto !important; padding: 16px !important; gap: 12px 14px !important; border-radius: 18px !important; }
  html.playarc body.acct-pub .acct-hero .acct-hybrid { display: none !important; }
  html.playarc body.acct-pub .acct-hero .acct-hero-copy { grid-column: 1 / -1; }
  html.playarc body.acct-pub .acct-hero .acct-stats { grid-column: 1 / -1; }
  html.playarc body.acct-pub .acct-hero .acct-stat { display: flex !important; align-items: baseline; gap: 8px; min-width: 0; padding: 8px 14px !important; }
  html.playarc body.acct-pub .acct-hero .acct-stat b { font-size: 22px !important; }
  html.playarc body.acct-pub .acct-hero h1 { font-size: 22px !important; }
  html.playarc body.acct-pub .acct-hero .lead { font-size: 13.5px !important; line-height: 1.8 !important; }
}

/* ---------- list: filters ---------- */
html.playarc body.acct-pub .acct-tools {
  border: 1px solid var(--a7-line) !important; border-radius: 20px !important; background: var(--a7-card) !important;
  box-shadow: var(--a7-shadow) !important; padding: 16px !important; gap: 10px !important; box-sizing: border-box !important;
}
html.playarc body.acct-pub .acct-tools .acct-search {
  border: 1px solid var(--a7-line) !important; border-radius: 14px !important; background: rgba(5, 10, 24, .55) !important; box-shadow: none !important;
}
html.playarc body.acct-pub .acct-tools .acct-search:focus-within { border-color: var(--a7-line-hi) !important; }
html.playarc body.acct-pub .acct-tools .acct-frow { gap: 10px !important; align-items: center !important; }
html.playarc body.acct-pub .acct-tools .acct-flab { color: var(--a7-dim) !important; font-size: 12.5px !important; font-weight: 700 !important; min-width: 64px; }
html.playarc body.acct-pub .acct-tools .acct-fchips { gap: 6px !important; flex-wrap: wrap !important; }
html.playarc body.acct-pub .acct-tools .acct-fchip,
html.playarc body.acct-pub .acct-tools .acct-try {
  min-height: 36px !important; padding: 0 14px !important; border-radius: 999px !important; box-sizing: border-box !important;
  border: 1px solid var(--a7-line) !important; background: var(--a7-soft) !important; box-shadow: none !important;
  color: var(--a7-ink) !important; -webkit-text-fill-color: var(--a7-ink) !important; font-size: 13px !important; font-weight: 700 !important;
  transition: border-color .18s ease, background-color .18s ease !important; transform: none !important;
}
html.playarc body.acct-pub .acct-tools .acct-try { min-height: 32px !important; padding: 0 12px !important; font-size: 12.5px !important; }
html.playarc body.acct-pub .acct-tools .acct-fchip:hover,
html.playarc body.acct-pub .acct-tools .acct-try:hover { border-color: var(--a7-line-hi) !important; }
html.playarc body.acct-pub .acct-tools .acct-fchip.is-on {
  background: var(--a7-brand) !important; border-color: transparent !important;
  color: var(--a7-on-brand) !important; -webkit-text-fill-color: var(--a7-on-brand) !important;
}
html.playarc body.acct-pub .acct-tools .acct-fchip:focus-visible,
html.playarc body.acct-pub .acct-tools .acct-try:focus-visible { outline: 2px solid #ffb07a !important; outline-offset: 2px; }
html.playarc body.acct-pub .acct-tools .acct-fcount {
  border-radius: 999px !important; border: 1px solid var(--a7-line-hi) !important; background: rgba(255, 176, 122, .08) !important;
  color: var(--a7-price) !important; -webkit-text-fill-color: var(--a7-price) !important; padding: 4px 12px !important; font-weight: 800 !important;
}
html.playarc body.acct-pub .acct-tools .acct-ftry { color: var(--a7-dim) !important; }

/* ---------- list: grid + card ---------- */
html.playarc body.acct-pub .acct-grid[data-catalog-grid] {
  display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 228px), 1fr)) !important;
  align-items: stretch !important; grid-auto-flow: row !important; gap: 16px !important; column-count: auto !important; columns: auto !important;
}
html.playarc body.acct-pub .acct-grid .acct-card.is-v7 {
  display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; box-sizing: border-box !important;
  margin: 0 !important; padding: 10px !important; gap: 10px !important; break-inside: avoid;
  border: 1px solid var(--a7-line) !important; border-radius: var(--pa-p-radius, 16px) !important;
  background: var(--a7-card) !important; box-shadow: var(--a7-shadow) !important; transform: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important; color: var(--a7-ink) !important; text-decoration: none !important;
}
html.playarc body.acct-pub .acct-grid .acct-card.is-v7:hover { border-color: var(--a7-line-hi) !important; box-shadow: var(--a7-shadow-hi) !important; transform: none !important; }
html.playarc body.acct-pub .acct-grid .acct-card.is-v7:focus-visible { outline: 2px solid #ffb07a !important; outline-offset: 2px; }
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-art { margin: 0 !important; border-radius: 12px !important; overflow: hidden !important; flex: 0 0 auto !important; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-cov-kind,
html.playarc body.acct-pub .acct-card.is-v7 .acct-cov-games { display: none !important; }
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-body {
  flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 8px !important; padding: 2px 2px 0 !important; margin: 0 !important; min-width: 0 !important; text-align: start !important;
}
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 8px; min-width: 0; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-title { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; font-size: 14.5px; font-weight: 800; line-height: 1.55; color: var(--a7-ink); min-width: 0; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-t-sep { color: var(--a7-was); font-weight: 700; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-t-games { color: var(--a7-dim); font-weight: 700; font-size: 13px; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-head .acct-code {
  font: 700 11.5px/1.5 ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace !important; letter-spacing: .05em !important;
  color: var(--a7-was) !important; -webkit-text-fill-color: var(--a7-was) !important; direction: ltr; unicode-bidi: isolate; white-space: nowrap;
}
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-kind,
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-meta2 { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; justify-content: flex-start !important; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-meta2:empty { display: none !important; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-meta-cap {
  border: 1px solid var(--a7-line) !important; background: var(--a7-soft) !important; color: var(--a7-dim) !important;
  border-radius: 999px !important; padding: 2px 10px !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: none !important;
}
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-price {
  margin: auto 0 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important;
  padding: 0 !important; border: 0 !important; background: none !important;
}
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-ask {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 2px 8px !important;
  width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 10px !important;
  border: 1px solid var(--a7-line) !important; border-radius: 12px !important; background: rgba(5, 10, 24, .35) !important; box-shadow: none !important;
}
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-ask > em { order: -1; font-style: normal; font-size: 11.5px !important; font-weight: 800; color: var(--a7-dim) !important; min-width: 30px; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-ask.is-off { opacity: .5; background: transparent !important; border-style: dashed !important; }
html.playarc body.acct-pub .acct-card.is-v7 .acct-card-ask .pa-geny-eq { margin-inline-start: 0 !important; }
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px;
  padding: 10px 2px 0; border-top: 1px solid var(--a7-line); margin: 0;
}
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-foot .acct-slots { display: flex !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; flex: 1 1 auto; min-width: 0; }
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-foot .acct-plat { flex: 1 1 0 !important; min-width: 0 !important; max-width: 110px; height: 32px !important; box-sizing: border-box !important; }
html.playarc body.acct-pub .acct-card.is-v7 > .acct-card-foot .acct-views { flex: 0 0 auto; font-size: 12px; color: var(--a7-dim); white-space: nowrap; }

/* crumbs: two quiet pills on one row (the back link painted white on phones) */
html.playarc body.acct-pub .acct-show .acct-crumbs { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; }
html.playarc body.acct-pub .acct-show .acct-crumbs > .acct-back,
html.playarc body.acct-pub .acct-show .acct-crumbs > .acct-copy {
  display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; flex: 0 1 auto !important; min-height: 40px !important; padding: 0 14px !important;
  box-sizing: border-box !important; border-radius: 999px !important; border: 1px solid var(--a7-line) !important; background: var(--a7-soft) !important; box-shadow: none !important;
  color: var(--a7-ink) !important; -webkit-text-fill-color: var(--a7-ink) !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important;
}
html.playarc body.acct-pub .acct-show .acct-crumbs > .acct-back:hover,
html.playarc body.acct-pub .acct-show .acct-crumbs > .acct-copy:hover { border-color: var(--a7-line-hi) !important; }
html.playarc body.acct-pub .acct-show .acct-crumbs .acct-copy-code { font: 700 12px/1.4 ui-monospace, "Cascadia Mono", Consolas, monospace !important; color: var(--a7-was) !important; -webkit-text-fill-color: var(--a7-was) !important; letter-spacing: .05em; }
/* ---------- detail: header (title column + facts | buy card) ---------- */
html.playarc body.acct-pub .acct-show .acct-id.is-v7 {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  grid-template-areas: "main buy" "facts buy" !important; grid-template-rows: auto 1fr !important;
  align-items: start !important; gap: 18px 28px !important; padding: 24px !important; box-sizing: border-box !important;
  border: 1px solid var(--a7-line) !important; border-radius: 20px !important;
  background: radial-gradient(100% 120% at 100% 0%, rgba(238, 126, 182, .10), transparent 55%), var(--a7-card) !important; box-shadow: var(--a7-shadow) !important;
}
html.playarc body.acct-pub .acct-id.is-v7 > .acct-id-main { grid-area: main !important; display: grid !important; gap: 10px !important; align-content: start !important; min-width: 0 !important; margin: 0 !important; text-align: start !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-id-kicker { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 12px !important; margin: 0 !important; font-size: 13px !important; color: #8fd3ff !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-id-codeline { display: inline-flex; align-items: center; gap: 6px; color: var(--a7-dim); font-weight: 600; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-id-codeline .acct-id-code.acct-id-code {
  display: inline-block !important; font: 700 12.5px/1.5 ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace !important; letter-spacing: .06em !important;
  padding: 2px 8px !important; border: 1px solid var(--a7-line) !important; border-radius: 8px !important; background: var(--a7-soft) !important;
  color: var(--a7-ink) !important; -webkit-text-fill-color: var(--a7-ink) !important; text-shadow: none !important; background-clip: border-box !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-id-title {
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 4px 10px !important; margin: 0 !important;
  font-size: clamp(22px, 2.5vw, 32px) !important; line-height: 1.45 !important; font-weight: 800 !important; letter-spacing: 0 !important; color: var(--a7-ink) !important; text-align: start !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-t-con {
  font-size: .62em; font-weight: 800; padding: 3px 12px; border-radius: 999px; align-self: center;
  border: 1px solid var(--a7-line-hi); color: var(--a7-price); -webkit-text-fill-color: var(--a7-price); background: rgba(255, 176, 122, .07);
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-t-sep { color: var(--a7-was); font-weight: 700; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-t-games { color: var(--a7-dim); font-size: .72em; font-weight: 700; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-id-sub { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; justify-content: flex-start !important; }
/* facts beside the title (they were a separate row under a half-empty header) */
html.playarc body.acct-pub .acct-id.is-v7 > .acct-facts {
  grid-area: facts !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; align-self: start !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-fact2 {
  display: grid !important; gap: 4px !important; align-content: start; min-width: 0; margin: 0 !important; padding: 12px 14px !important; box-sizing: border-box !important;
  border: 1px solid var(--a7-line) !important; border-radius: 14px !important; background: var(--a7-soft) !important; box-shadow: none !important; text-align: start !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-fact2 > em { font-style: normal !important; font-size: 12px !important; color: var(--a7-dim) !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-fact2 > b {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 4px 8px !important;
  font-size: 15px !important; font-weight: 800 !important; color: var(--a7-ink) !important; line-height: 1.6 !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-fact-rg { font-size: 12px; font-weight: 800; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--a7-line); color: var(--a7-dim); }
html.playarc body.acct-pub .acct-id.is-v7 .acct-verify.is-ok { color: #a6f0cf !important; -webkit-text-fill-color: #a6f0cf !important; }
/* buy card */
html.playarc body.acct-pub .acct-id.is-v7 > .acct-buy {
  grid-area: buy !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; align-self: start !important;
  display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 18px !important; box-sizing: border-box !important;
  border: 1px solid var(--a7-line-hi) !important; border-radius: 18px !important; background: rgba(5, 10, 24, .45) !important; box-shadow: none !important;
}
html.playarc body.acct-pub .acct-id.is-v7 > .acct-buy > * { max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-kicker { font-style: normal !important; font-size: 12.5px !important; color: var(--a7-dim) !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-main { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px 6px !important; justify-content: flex-start !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-main > .acct-pay-geny,
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-row > .acct-pay-geny { width: auto !important; flex: 0 0 auto !important; justify-content: flex-start !important; margin: 0 !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-main .pa-geny-eq { font-size: 14px !important; color: var(--a7-price) !important; -webkit-text-fill-color: var(--a7-price) !important; opacity: .92; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-for { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 13px; color: var(--a7-dim); }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-for bdi { font-weight: 800; color: var(--a7-ink); }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-dot { color: var(--a7-was); }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-rows { display: grid !important; gap: 8px !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-row {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px 10px !important;
  padding: 10px 12px !important; border: 1px solid var(--a7-line) !important; border-radius: 12px !important; background: var(--a7-soft) !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-plat { font-weight: 800; font-size: 12.5px; color: var(--a7-dim); min-width: 34px; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-acts { display: grid !important; gap: 8px !important; }
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy .acct-cta {
  width: 100% !important; max-width: 100% !important; min-height: 46px !important; box-sizing: border-box !important; margin: 0 !important;
}
html.playarc body.acct-pub .acct-id.is-v7 .acct-buy-note { font-size: 12px !important; line-height: 1.8 !important; color: var(--a7-dim) !important; }
@media (max-width: 860px) {
  html.playarc body.acct-pub .acct-show .acct-id.is-v7 {
    grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "main" "buy" "facts" !important; grid-template-rows: auto !important;
    padding: 16px !important; gap: 14px !important; border-radius: 18px !important;
  }
}
@media (max-width: 380px) {
  html.playarc body.acct-pub .acct-id.is-v7 > .acct-facts { gap: 8px !important; }
  html.playarc body.acct-pub .acct-id.is-v7 .acct-fact2 { padding: 10px 12px !important; }
}

/* ---------- detail: console cards, links ---------- */
html.playarc body.acct-pub .acct-show .acct-caps { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important; gap: 16px !important; }
html.playarc body.acct-pub .acct-show .acct-cap { width: auto !important; max-width: none !important; box-sizing: border-box !important; border-color: var(--a7-line) !important; }
html.playarc body.acct-pub .acct-show .acct-cap .acct-cap-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)) !important; }
html.playarc body.acct-pub .acct-show .acct-links.is-v7 {
  display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin: 0 !important;
}
html.playarc body.acct-pub .acct-show .acct-links.is-v7 .acct-link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; box-sizing: border-box; max-width: 100%;
  border-radius: 999px; border: 1px solid var(--a7-line); background: var(--a7-soft); color: var(--a7-ink); -webkit-text-fill-color: var(--a7-ink);
  font-size: 13.5px; font-weight: 700; text-decoration: none; text-align: center; transition: border-color .18s ease, background-color .18s ease;
}
html.playarc body.acct-pub .acct-show .acct-links.is-v7 .acct-link:hover { border-color: var(--a7-line-hi); background: rgba(255, 176, 122, .06); }
html.playarc body.acct-pub .acct-show .acct-links.is-v7 .acct-link:focus-visible { outline: 2px solid #ffb07a; outline-offset: 2px; }
/* ===== PA_ACCT_V7_END ===== */