/* The default arena remains untouched unless a player selects the free theme. */
#screen-game[data-cosmetic-theme="celestial"] {
  background-color: #100b2c;
  background-image: linear-gradient(180deg, rgba(9, 8, 29, .12), rgba(9, 7, 28, .28)), url('/images/cosmetics/theme-celestial.webp');
  background-size: cover;
  background-position: center;
}
#screen-game[data-cosmetic-theme="celestial"] .board-arena-wrapper {
  background-color: #110d30;
  background-image: linear-gradient(180deg, rgba(12, 9, 39, .28), rgba(18, 8, 47, .42)), url('/images/cosmetics/theme-celestial.webp');
  background-size: cover;
  background-position: center;
  border-color: rgba(222, 185, 108, .54);
  box-shadow: 0 14px 35px rgba(4, 2, 25, .52), inset 0 0 0 1px rgba(205, 170, 255, .12);
}
#screen-game[data-cosmetic-theme="celestial"] .game-hud-bar {
  background: rgba(22, 14, 57, .9);
  border-color: rgba(222, 185, 108, .42);
  box-shadow: 0 8px 22px rgba(5, 2, 22, .36), inset 0 1px 0 rgba(255, 233, 181, .1);
}
#screen-game[data-cosmetic-theme="celestial"] .player-corner-pod {
  /* Preserve the per-player borders and active-turn glow. */
  background: rgba(20, 13, 54, .88);
}

/* An empty Store note carries no misleading blanket pricing statement. */
.shop-note:empty { display: none; }

/* Theme card only; the existing emote, sticker, dice and board cards are unchanged. */
.shop-feature.is-theme-feature {
  background: linear-gradient(90deg, rgba(15, 10, 43, .92), rgba(35, 18, 82, .55)), url('/images/cosmetics/theme-celestial.webp') center 25% / cover;
  border-color: rgba(225, 194, 122, .38);
}
.shop-feature.is-theme-feature .sf-art { color: #f7d78e; }
.shop-theme-card {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid rgba(200, 174, 255, .28);
  border-radius: 20px;
  background: linear-gradient(160deg, #17102f, #0d1022 78%);
  box-shadow: 0 14px 30px rgba(4, 3, 20, .27), inset 0 1px 0 rgba(255, 255, 255, .08);
}
.shop-theme-art {
  position: relative;
  height: 180px;
  overflow: hidden;
  background: #10102e;
}
.shop-theme-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 33%; }
.shop-theme-art::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(12, 8, 38, .04), transparent 42%, rgba(20, 13, 43, .86));
}
.shop-theme-art-label {
  position: absolute; z-index: 1; left: 15px; top: 13px;
  padding: 5px 8px; border-radius: 999px;
  background: rgba(18, 12, 44, .72); border: 1px solid rgba(255, 225, 166, .35);
  color: #f6dca4; font-size: 9px; font-weight: 900; letter-spacing: 1.1px;
}
.shop-theme-content { padding: 0 16px 16px; margin-top: -25px; position: relative; z-index: 1; }
.shop-theme-collection { color: #c8afff; font-size: 9px; font-weight: 900; letter-spacing: 1.8px; }
.shop-theme-name { margin: 5px 0 5px; color: #fff9ed; font-size: 21px; line-height: 1.15; font-weight: 900; }
.shop-theme-description { margin: 0; color: #c4bfd8; font-size: 12px; line-height: 1.5; }
.shop-theme-status { display: inline-flex; align-items: center; margin-top: 12px; gap: 6px; color: #edc982; font-size: 10px; font-weight: 900; letter-spacing: .7px; }
.shop-theme-status.is-active { color: #a5f3d2; }
.shop-theme-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.shop-theme-action {
  flex: 1 1 130px; min-height: 42px; padding: 9px 12px; border-radius: 12px;
  border: 1px solid #e2c481; background: linear-gradient(140deg, #f6dfad, #cfa65c);
  color: #251737; font-size: 11px; font-weight: 900; letter-spacing: .55px; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.shop-theme-action.is-reset { color: #e9ddff; background: rgba(255, 255, 255, .07); border-color: rgba(222, 211, 255, .26); }
.shop-theme-action:disabled { opacity: .7; cursor: default; }
.shop-theme-action:focus-visible { outline: 2px solid #fff1c2; outline-offset: 3px; }
.shop-theme-hint { margin: 10px 0 0; color: #918aa9; font-size: 10px; line-height: 1.45; }
.shop-theme-loading { grid-column: 1 / -1; color: #a9a3bd; padding: 22px 8px; text-align: center; font-size: 12px; }
.shop-theme-retry { display: block; margin: 10px auto 0; padding: 8px 14px; border-radius: 9px; border: 1px solid #9985c7; color: #f3ebff; background: #251b41; cursor: pointer; }

/* THEME shelf only; other Vault categories, including EMOTES, are untouched. */
.vault-theme-empty { padding: 24px 8px; text-align: center; color: #a9a3bd; font-size: 12px; }
.vault-theme-card {
  overflow: hidden; border: 1px solid rgba(200, 174, 255, .28); border-radius: 18px;
  background: linear-gradient(145deg, #1c133b, #0d1022 80%); color: #fff9ed;
}
.vault-theme-art { display: block; width: 100%; height: 145px; object-fit: cover; object-position: center 33%; }
.vault-theme-info { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding: 14px; }
.vault-theme-name { font-size: 17px; }
.vault-theme-status { color: #edc982; font-size: 10px; font-weight: 900; letter-spacing: .8px; }
.vault-theme-actions { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; margin-top: 4px; }
.vault-theme-action {
  flex: 1 1 130px; min-height: 40px; padding: 8px 10px; border-radius: 10px;
  border: 1px solid #e2c481; background: linear-gradient(140deg, #f6dfad, #cfa65c);
  color: #251737; font-size: 10px; font-weight: 900; letter-spacing: .5px; cursor: pointer;
}
.vault-theme-action.is-reset { color: #e9ddff; background: rgba(255,255,255,.07); border-color: rgba(222,211,255,.26); }
.vault-theme-action:disabled { opacity: .7; cursor: default; }
.vault-theme-action:focus-visible { outline: 2px solid #fff1c2; outline-offset: 3px; }
.vault-theme-hint { color: #fca5a5; font-size: 11px; }

/* ── r545: একাধিক থিম — প্রতি কার্ডের নিজের প্রচার-আর্ট ──
   (আগে একটাই থিম ছিল, তাই একটা গ্লোবাল সেলেস্টিয়াল ছবি সব কার্ডে বসানো ছিল) */
.shop-theme-card .shop-theme-art img,
.vault-theme-card .vault-theme-art { opacity: 0; }
.shop-theme-card[data-item-id="theme-celestial"] .shop-theme-art {
  background: #10182c url('/images/cosmetics/celestial-observatory.webp') 72% 43% / cover no-repeat;
}
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-art {
  background: #08121f url('/images/cosmetics/theme-frostfire.webp') 62% 40% / cover no-repeat;
}
.vault-theme-card[data-item-id="theme-celestial"] {
  background-image: url('/images/cosmetics/celestial-observatory.webp'), linear-gradient(145deg, #1c133b, #0d1022 80%);
  background-size: 100% 145px, cover;
  background-position: center top, center;
  background-repeat: no-repeat;
}
.vault-theme-card[data-item-id="theme-frostfire"] {
  background-image: url('/images/cosmetics/theme-frostfire.webp'), linear-gradient(145deg, #0c1a2b, #061019 80%);
  background-size: 100% 145px, cover;
  background-position: center top, center;
  background-repeat: no-repeat;
}
.vault-theme-card[data-item-id="theme-frostfire"] .vault-theme-status { color: #a8e4ff; }

/* ── r545: Frostfire কার্ডের নিজস্ব ঠান্ডা চেহারা ── */
.shop-theme-card[data-item-id="theme-frostfire"] {
  border-color: rgba(120, 205, 255, .3);
  background: linear-gradient(160deg, #0b1b2c, #050d16 78%);
}
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-collection { color: #8fdcff; }
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-name { color: #ecf9ff; }
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-description { color: #b6cbdb; }
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-status { color: #a8e4ff; }
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-art-label {
  color: #bfeaff; border-color: rgba(150, 225, 255, .4); background: rgba(6, 20, 34, .74);
}
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-action {
  border-color: #9adcff; background: linear-gradient(140deg, #d3f1ff, #5fb4e6); color: #04202f;
}
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-hint { color: #7f9bb0; }
.vault-theme-card[data-item-id="theme-frostfire"] {
  border-color: rgba(120, 205, 255, .3);
  background-color: #061019;
  color: #ecf9ff;
}

/* r545 — ভল্টের Frostfire কার্ডের বাটনও বরফি নীল, সোনালি নয় */
.vault-theme-card[data-item-id="theme-frostfire"] .vault-theme-action {
  border-color: #9adcff; background: linear-gradient(140deg, #d3f1ff, #5fb4e6); color: #04202f;
}
.vault-theme-card[data-item-id="theme-frostfire"] .vault-theme-action.is-reset {
  color: #d6ecfb; background: rgba(140, 205, 240, .08); border-color: rgba(150, 225, 255, .3);
}
.vault-theme-card[data-item-id="theme-frostfire"] .vault-theme-action:focus-visible { outline-color: #bfeaff; }
.vault-theme-card[data-item-id="theme-frostfire"] .vault-theme-name { color: #ecf9ff; }

/* ── r546: Hellfire Forge কার্ড — নিজের আর্ট, নিজের গরম রঙ ── */
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-art {
  background: #160a06 url('/images/cosmetics/theme-hellfire.webp') 58% 42% / cover no-repeat;
}
.shop-theme-card[data-item-id="theme-hellfire"] {
  border-color: rgba(255, 138, 50, .34);
  background: linear-gradient(160deg, #24100a, #0d0503 78%);
}
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-collection { color: #ffb066; }
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-name { color: #fff2e6; }
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-description { color: #d8bdae; }
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-status { color: #ffa95c; }
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-art-label {
  color: #ffd2ab; border-color: rgba(255, 160, 80, .42); background: rgba(26, 10, 5, .74);
}
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-action {
  border-color: #ffb066; background: linear-gradient(140deg, #ffd9ad, #e8731f); color: #2a0c02;
}
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-hint { color: #a9866f; }
.vault-theme-card[data-item-id="theme-hellfire"] {
  border-color: rgba(255, 138, 50, .34);
  background-image: url('/images/cosmetics/theme-hellfire.webp'), linear-gradient(145deg, #24100a, #0b0402 80%);
  background-size: 100% 145px, cover;
  background-position: center top, center;
  background-repeat: no-repeat;
  color: #fff2e6;
}
.vault-theme-card[data-item-id="theme-hellfire"] .vault-theme-status { color: #ffa95c; }
.vault-theme-card[data-item-id="theme-hellfire"] .vault-theme-name { color: #fff2e6; }
.vault-theme-card[data-item-id="theme-hellfire"] .vault-theme-action {
  border-color: #ffb066; background: linear-gradient(140deg, #ffd9ad, #e8731f); color: #2a0c02;
}
.vault-theme-card[data-item-id="theme-hellfire"] .vault-theme-action.is-reset {
  color: #ffdcc0; background: rgba(255, 150, 70, .08); border-color: rgba(255, 160, 80, .3);
}
.vault-theme-card[data-item-id="theme-hellfire"] .vault-theme-action:focus-visible { outline-color: #ffd2ab; }

/* r546 — "RESTORE DEFAULT" কখনো প্রাইমারি বাটনের মতো গরম/উজ্জ্বল দেখাবে না */
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-action.is-reset {
  color: #ffdcc0; background: rgba(255, 150, 70, .09); border-color: rgba(255, 160, 80, .32);
}
.shop-theme-card[data-item-id="theme-frostfire"] .shop-theme-action.is-reset {
  color: #d6ecfb; background: rgba(140, 205, 240, .09); border-color: rgba(150, 225, 255, .32);
}
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-action:focus-visible { outline-color: #ffd2ab; }
.shop-theme-card[data-item-id="theme-hellfire"] .shop-theme-action:disabled { opacity: .72; }

/* ── r548: দোকানে নতুন থিম নেই ⇒ ভল্টে পাঠানোর কার্ড ── */
.shop-theme-empty {
  grid-column: 1 / -1;   /* গ্রিডে এক কলামে ছোট হয়ে না যায় */
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 9px;
  padding: 30px 20px 26px;
  border: 1px solid rgba(222, 211, 255, .22);
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(38, 34, 74, .55), rgba(12, 14, 32, .7));
}
.shop-theme-empty .ste-ico { font-size: 30px; line-height: 1; }
.shop-theme-empty .ste-title { font-size: 16px; font-weight: 800; color: #fff6e6; }
.shop-theme-empty .ste-text { font-size: 11.5px; line-height: 1.5; color: #b9b6d0; max-width: 300px; }
.shop-theme-empty-go {
  margin-top: 4px;
  min-height: 42px;
  padding: 10px 22px;
  border-radius: 12px;
  border: 1px solid #e2c481;
  background: linear-gradient(140deg, #f6dfad, #cfa65c);
  color: #251737;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .8px;
  cursor: pointer;
}
.shop-theme-empty-go:focus-visible { outline: 2px solid #fff1c2; outline-offset: 3px; }
/* থিমের নিজস্ব রঙে খালি-অবস্থার কার্ড */
html[data-cosmetic-theme="frostfire"] .shop-theme-empty {
  border-radius: 0; border-color: rgba(178, 228, 250, .26);
  background: rgba(150, 214, 240, .06);
}
html[data-cosmetic-theme="frostfire"] .shop-theme-empty .ste-title {
  font-family: var(--ff-mono); letter-spacing: 1px; text-transform: uppercase; color: #e8f8ff;
}
html[data-cosmetic-theme="frostfire"] .shop-theme-empty .ste-text { font-family: var(--ff-mono); color: #8fb4c8; }
html[data-cosmetic-theme="frostfire"] .shop-theme-empty-go {
  border-radius: 0; border-color: rgba(214, 245, 255, .55);
  background: linear-gradient(180deg, #d9f6ff, #9fd4ec); color: #04141f;
  font-family: var(--ff-mono);
}
html[data-cosmetic-theme="hellfire"] .shop-theme-empty {
  border-radius: 2px; border: 3px solid #3d2b21;
  background: linear-gradient(180deg, #241a15, #0f0a08);
  box-shadow: 0 4px 0 #080504;
}
html[data-cosmetic-theme="hellfire"] .shop-theme-empty .ste-title {
  font-weight: 900; letter-spacing: .2px; text-transform: uppercase; color: #fff2e2;
}
html[data-cosmetic-theme="hellfire"] .shop-theme-empty .ste-text { color: #c2a38c; }
html[data-cosmetic-theme="hellfire"] .shop-theme-empty-go {
  border-radius: 2px; border: 3px solid #7c3a10;
  background: linear-gradient(180deg, #ff9a3d, #d1500c); color: #2a0c02;
  font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 225, 190, .6), 0 3px 0 #4a1a05;
}

/* ============================================================================
   r549 — BOARD SKIN CARDS
   ----------------------------------------------------------------------------
   The store card art must show THAT board, never another theme's artwork. The
   Celestial sheet paints `.shop-theme-art` globally (for the theme cards), so
   every board id gets its own explicit art here — keyed by [data-item-id], the
   same way the per-theme cards are.
   ========================================================================== */
.shop-theme-card[data-item-id="board-celestial"] .shop-theme-art {
  background: #12111f url('/images/cosmetics/board-celestial.webp') 50% 48% / cover no-repeat;
}
.shop-theme-card[data-item-id="board-celestial"] .shop-theme-art-label {
  color: #ffe9b0; border-color: rgba(226, 188, 108, .5); background: rgba(30, 22, 8, .72);
}
.shop-theme-card[data-item-id="board-celestial"] .shop-theme-action {
  border-color: #e6c680; background: linear-gradient(140deg, #fff2cf, #d3a951); color: #2a1d05;
}
.shop-theme-card[data-item-id="board-celestial"] .shop-theme-hint { color: #b9a377; }

.shop-theme-card[data-item-id="board-frostfire"] .shop-theme-art {
  background: #061019 url('/images/cosmetics/board-frostfire.webp') 50% 50% / cover no-repeat;
}
.shop-theme-card[data-item-id="board-frostfire"] .shop-theme-art-label {
  color: #bfeaff; border-color: rgba(150, 225, 255, .4); background: rgba(6, 20, 34, .74);
}
.shop-theme-card[data-item-id="board-frostfire"] .shop-theme-action {
  border-color: #9adcff; background: linear-gradient(140deg, #d3f1ff, #5fb4e6); color: #04202f;
}
.shop-theme-card[data-item-id="board-frostfire"] .shop-theme-hint { color: #7f9bb0; }

.shop-theme-card[data-item-id="board-hellfire"] .shop-theme-art {
  background: #160a06 url('/images/cosmetics/board-hellfire.webp') 50% 50% / cover no-repeat;
}
.shop-theme-card[data-item-id="board-hellfire"] .shop-theme-art-label {
  color: #ffd2ab; border-color: rgba(255, 160, 80, .42); background: rgba(26, 10, 5, .74);
}
.shop-theme-card[data-item-id="board-hellfire"] .shop-theme-action {
  border-color: #ffb066; background: linear-gradient(140deg, #ffd9ad, #e8731f); color: #2a0c02;
}
.shop-theme-card[data-item-id="board-hellfire"] .shop-theme-hint { color: #a9866f; }

/* Vault boards carry their own art banner too (the theme sheet hard-codes the
   observatory image on every .vault-theme-card). */
.vault-theme-card.is-board[data-item-id="board-celestial"] {
  background-image: url('/images/cosmetics/board-celestial.webp'), linear-gradient(145deg, #1c133b, #0d1022 80%);
}
.vault-theme-card.is-board[data-item-id="board-frostfire"] {
  background-image: url('/images/cosmetics/board-frostfire.webp'), linear-gradient(145deg, #0b2233, #061019 80%);
}
.vault-theme-card.is-board[data-item-id="board-hellfire"] {
  background-image: url('/images/cosmetics/board-hellfire.webp'), linear-gradient(145deg, #24100a, #0d0503 80%);
}
.vault-theme-card.is-board {
  background-size: 100% 145px, cover;
  background-position: center top, center;
  background-repeat: no-repeat;
}

/* ============================================================================
   r551 — PROFILE-PHOTO CARDS (store + vault)
   ----------------------------------------------------------------------------
   Avatars are square SVG portraits, not wide banners: the card keeps the same
   shape as every other free item, but the art area shows the portrait whole on
   a soft plate, and each theme portrait gets its own plate tint.
   The theme sheet hides `.shop-theme-art img` / `.vault-theme-art` (opacity 0,
   background art instead), so these rules bring the real portrait back.
   ========================================================================== */
.shop-theme-card[data-item-id^="avatar-"] .shop-theme-art,
.vault-theme-card.is-avatar {
  background: radial-gradient(circle at 50% 34%, #2b2450 0%, #14102c 62%, #0a0818 100%);
}
.shop-theme-card[data-item-id^="avatar-"] .shop-theme-art img {
  opacity: 1;
  object-fit: contain;
  object-position: center;
  padding: 16px 16px 30px;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .55));
}
.shop-theme-card[data-item-id^="avatar-"] .shop-theme-art-label {
  color: #ffe6b8; border-color: rgba(255, 214, 150, .42); background: rgba(24, 16, 44, .78);
}
.shop-theme-card[data-item-id^="avatar-"] .shop-theme-action {
  border-color: #d8c07f; background: linear-gradient(140deg, #fff0cc, #cfae67); color: #241a06;
}
.shop-theme-card[data-item-id^="avatar-"] .shop-theme-hint { color: #b7a98e; }

/* প্রতি থিমের পোর্ট্রেটের নিজের প্লেট */
.shop-theme-card[data-item-id="avatar-celestial"] .shop-theme-art,
.vault-theme-card.is-avatar[data-item-id="avatar-celestial"] {
  background: radial-gradient(circle at 50% 32%, #fff6dd 0%, #d8c299 46%, #7c6330 100%);
}
.shop-theme-card[data-item-id="avatar-frostfire"] .shop-theme-art,
.vault-theme-card.is-avatar[data-item-id="avatar-frostfire"] {
  background: radial-gradient(circle at 50% 32%, #f2fcff 0%, #b3d9f2 46%, #46708f 100%);
}
.shop-theme-card[data-item-id="avatar-hellfire"] .shop-theme-art,
.vault-theme-card.is-avatar[data-item-id="avatar-hellfire"] {
  background: radial-gradient(circle at 50% 32%, #ffb066 0%, #7a2c07 46%, #180a06 100%);
}

/* Vault cards: portrait on top, then name + USE PHOTO */
.vault-theme-card.is-avatar {
  background-image: none;
  background-size: cover;
  min-height: 0;
}
.vault-theme-card.is-avatar .vault-theme-art {
  opacity: 1;
  height: 128px;
  object-fit: contain;
  object-position: center;
  padding: 10px;
  background: transparent;
}
.vault-theme-card.is-avatar .vault-theme-status { color: #ffe6b8; }

/* ============================================================================
   r552 — PAWN-SKIN CARDS (store + vault)
   Same free-item card shape; the art area shows the pawn silhouette on a plate
   tinted by its theme family. The theme sheet hides `.shop-theme-art img`, so
   these bring the three pawn previews back (see the r551 avatar block above).
   ========================================================================== */
.shop-theme-card[data-item-id^="pawn-"] .shop-theme-art,
.vault-theme-card.is-pawn {
  background: radial-gradient(circle at 50% 40%, #2b2450 0%, #14102c 62%, #0a0818 100%);
}
.shop-theme-card[data-item-id^="pawn-"] .shop-theme-art img {
  opacity: 1;
  object-fit: contain;
  object-position: center;
  padding: 22px 22px 34px;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .55));
}
.shop-theme-card[data-item-id^="pawn-"] .shop-theme-art-label {
  color: #ffe6b8; border-color: rgba(255, 214, 150, .42); background: rgba(24, 16, 44, .78);
}
.shop-theme-card[data-item-id^="pawn-"] .shop-theme-action {
  border-color: #d8c07f; background: linear-gradient(140deg, #fff0cc, #cfae67); color: #241a06;
}
.shop-theme-card[data-item-id^="pawn-"] .shop-theme-hint { color: #b7a98e; }

.shop-theme-card[data-item-id="pawn-celestial"] .shop-theme-art {
  background: radial-gradient(circle at 50% 38%, #fdf7e6 0%, #d8c299 46%, #6f5726 100%);
}
.shop-theme-card[data-item-id="pawn-frostfire"] .shop-theme-art {
  background: radial-gradient(circle at 50% 38%, #f2fcff 0%, #b3d9f2 46%, #3d698a 100%);
}
.shop-theme-card[data-item-id="pawn-hellfire"] .shop-theme-art {
  background: radial-gradient(circle at 50% 38%, #ffb066 0%, #7a2c07 46%, #180a06 100%);
}

/* ভল্টে কার্ড গাঢ়ই থাকে; থিমের রঙ শুধু আর্ট-প্লেটে (নাহলে পুরো কার্ড সোনালি/কমলা
   হয়ে দোকানের ভাবে মিশে যায়) */
.vault-theme-card.is-pawn {
  background-image: none;
  background: linear-gradient(180deg, #161A26 0%, #0D101A 100%);
  min-height: 0;
}
.vault-theme-card.is-pawn .vault-theme-art {
  opacity: 1;
  height: 128px;
  object-fit: contain;
  object-position: center;
  padding: 12px;
  border-radius: 14px;
  background: radial-gradient(circle at 50% 45%, #2b2450 0%, #14102c 70%, #0a0818 100%);
}
.vault-theme-card.is-pawn[data-item-id="pawn-celestial"] .vault-theme-art {
  background: radial-gradient(circle at 50% 45%, #fff8e4 0%, #d8c299 52%, #6f5726 100%);
}
.vault-theme-card.is-pawn[data-item-id="pawn-frostfire"] .vault-theme-art {
  background: radial-gradient(circle at 50% 45%, #f4fdff 0%, #b3d9f2 52%, #3d698a 100%);
}
.vault-theme-card.is-pawn[data-item-id="pawn-hellfire"] .vault-theme-art {
  background: radial-gradient(circle at 50% 45%, #ffbe80 0%, #7a2c07 52%, #180a06 100%);
}
.vault-theme-card.is-pawn .vault-theme-status { color: #ffe6b8; }