.page-dashboard #content > [data-dashboard-view="battlecoins"] {
  grid-column: 1 / -1;
}

.page-dashboard .battlecoins-center {
  position: relative;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(66, 193, 255, .28);
  border-radius: 10px;
  background:
    radial-gradient(circle at 88% 6%, rgba(0, 174, 255, .14), transparent 28rem),
    linear-gradient(155deg, #0c131d, #080c13 58%, #0b1018);
  box-shadow: 0 30px 70px -54px rgba(0, 174, 255, .65);
}

.page-dashboard .battlecoins-preview-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 18px;
  border-bottom: 1px solid rgba(245, 217, 78, .2);
  background: rgba(245, 217, 78, .065);
  color: #f5d94e;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-align: center;
  text-transform: uppercase;
}

.page-dashboard .battlecoins-preview-banner svg,
.page-dashboard .battlecoins-access-icon svg,
.page-dashboard .battlecoins-feature-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.page-dashboard .battlecoins-preview-banner svg { width: 15px; height: 15px; flex: none; }

.page-dashboard .battlecoins-center[data-battlecoins-access="public"] .battlecoins-preview-banner,
.page-dashboard .battlecoins-center[data-battlecoins-access="tester"] .battlecoins-preview-banner {
  border-bottom-color: rgba(114, 217, 165, .24);
  background: rgba(114, 217, 165, .075);
  color: #8ce7b9;
}

.page-dashboard .battlecoins-center[data-battlecoins-access="holder"] .battlecoins-preview-banner {
  border-bottom-color: rgba(84, 199, 255, .28);
  background: rgba(84, 199, 255, .08);
  color: #76d4ff;
}

.page-dashboard .battlecoins-center[data-battlecoins-access="error"] .battlecoins-preview-banner {
  color: #e6cc67;
}

.page-dashboard .dashboard-section-icon-coin { overflow: hidden; padding: 2px; }
.page-dashboard .dashboard-section-icon-coin img { width: 100%; height: 100%; object-fit: contain; }
.page-dashboard .dashboard-section-icon-backpack { color: #e2b96d; background: rgba(174, 105, 35, .1); }
.page-dashboard .dashboard-section-icon-arena { color: #a98cff; background: rgba(116, 77, 206, .1); }

.page-dashboard .battlecoins-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr);
  align-items: center;
  gap: clamp(26px, 5vw, 72px);
  min-height: 390px;
  padding: clamp(34px, 5vw, 68px);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.page-dashboard .battlecoins-hero::after {
  position: absolute;
  right: -55px;
  bottom: -105px;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.page-dashboard .battlecoins-hero-art {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.page-dashboard .battlecoins-hero-art img {
  position: relative;
  z-index: 1;
  width: min(100%, 290px);
  height: auto;
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .48));
}

.page-dashboard .battlecoins-coin-halo {
  position: absolute;
  width: min(92%, 280px);
  aspect-ratio: 1;
  border: 1px solid rgba(72, 195, 255, .26);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(38, 179, 255, .2), rgba(38, 179, 255, .04) 54%, transparent 70%);
  box-shadow: 0 0 70px rgba(0, 160, 255, .11);
}

.page-dashboard .battlecoins-hero-copy { position: relative; z-index: 1; min-width: 0; }
.page-dashboard .battlecoins-kicker,
.page-dashboard .battlecoins-section-heading span {
  color: #56c7ff;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.page-dashboard .battlecoins-hero-copy h2 {
  max-width: 680px;
  margin-top: 10px;
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.2vw, 3.65rem);
  line-height: 1.02;
}

.page-dashboard .battlecoins-hero-copy > p {
  max-width: 640px;
  margin-top: 16px;
  color: var(--text-muted);
  font-size: .86rem;
  line-height: 1.65;
}

.page-dashboard .battlecoins-balance {
  max-width: 520px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 18px;
  align-items: center;
  margin-top: 27px;
  padding: 17px 19px;
  border: 1px solid rgba(84, 199, 255, .25);
  border-left: 3px solid #54c7ff;
  border-radius: 7px;
  background: rgba(3, 9, 15, .56);
}

.page-dashboard .battlecoins-balance span { color: #c7d6e3; font-size: .69rem; font-weight: 800; }
.page-dashboard .battlecoins-balance strong { color: #f5d94e; font-size: .84rem; }
.page-dashboard .battlecoins-balance small { grid-column: 1 / -1; color: var(--text-dim); font-size: .62rem; line-height: 1.45; }

.page-dashboard .battlecoins-statement {
  margin: 34px clamp(24px, 4vw, 46px) 6px;
  overflow: hidden;
  border: 1px solid rgba(84, 199, 255, .22);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(84, 199, 255, .055), rgba(5, 10, 17, .88));
}
.page-dashboard .battlecoins-statement[hidden] { display: none; }
.page-dashboard .battlecoins-statement > header { display: flex; align-items: start; justify-content: space-between; gap: 22px; padding: 24px 26px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.page-dashboard .battlecoins-statement > header span { color: #56c7ff; font-size: .62rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.page-dashboard .battlecoins-statement > header h3 { margin-top: 7px; color: #f6f9fc; font-size: clamp(1.2rem, 2.3vw, 1.7rem); }
.page-dashboard .battlecoins-statement > header p { max-width: 720px; margin-top: 8px; color: var(--text-muted); font-size: .7rem; line-height: 1.55; }
.page-dashboard .battlecoins-statement > header > strong { flex: none; padding: 6px 9px; border: 1px solid rgba(114, 217, 165, .28); border-radius: 999px; color: #8ce7b9; font-size: .55rem; letter-spacing: .045em; text-transform: uppercase; }
.page-dashboard .battlecoins-statement-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: rgba(255, 255, 255, .08); }
.page-dashboard .battlecoins-statement-metrics article { min-width: 0; padding: 16px 18px; background: #0a111a; }
.page-dashboard .battlecoins-statement-metrics span,
.page-dashboard .battlecoins-statement-metrics strong { display: block; }
.page-dashboard .battlecoins-statement-metrics span { color: var(--text-dim); font-size: .58rem; text-transform: uppercase; }
.page-dashboard .battlecoins-statement-metrics strong { margin-top: 7px; overflow: hidden; color: #f5d94e; font-size: 1rem; font-variant-numeric: tabular-nums; text-overflow: ellipsis; }
.page-dashboard .battlecoins-statement-controls { display: grid; grid-template-columns: minmax(130px, .8fr) repeat(2, minmax(145px, 1fr)) auto; gap: 10px; align-items: end; padding: 16px 18px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.page-dashboard .battlecoins-statement-controls label { display: grid; gap: 5px; min-width: 0; }
.page-dashboard .battlecoins-statement-controls label span { color: var(--text-dim); font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.page-dashboard .battlecoins-statement-controls select,
.page-dashboard .battlecoins-statement-controls input,
.page-dashboard .battlecoins-statement-controls button,
.page-dashboard .battlecoins-statement > footer button { min-height: 38px; border: 1px solid rgba(84, 199, 255, .22); border-radius: 6px; background: #080e16; color: #edf7ff; font: inherit; font-size: .66rem; }
.page-dashboard .battlecoins-statement-controls select,
.page-dashboard .battlecoins-statement-controls input { width: 100%; padding: 8px 10px; color-scheme: dark; }
.page-dashboard .battlecoins-statement-controls button,
.page-dashboard .battlecoins-statement > footer button { padding: 8px 13px; cursor: pointer; }
.page-dashboard .battlecoins-statement-controls button { border-color: rgba(245, 217, 78, .3); color: #f5d94e; }
.page-dashboard .battlecoins-statement-table-wrap { overflow-x: auto; }
.page-dashboard .battlecoins-statement table { width: 100%; min-width: 760px; border-collapse: collapse; }
.page-dashboard .battlecoins-statement th,
.page-dashboard .battlecoins-statement td { padding: 12px 15px; border-bottom: 1px solid rgba(255, 255, 255, .065); font-size: .64rem; text-align: left; vertical-align: top; }
.page-dashboard .battlecoins-statement th { color: var(--text-dim); font-size: .55rem; letter-spacing: .04em; text-transform: uppercase; }
.page-dashboard .battlecoins-statement td { color: #c8d8e5; }
.page-dashboard .battlecoins-statement-reason { max-width: 310px; color: #eef6fc !important; line-height: 1.45; }
.page-dashboard .battlecoins-statement-receipt { max-width: 230px; color: #86b9d5 !important; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.page-dashboard .battlecoins-statement-amount { color: #f5d94e !important; font-variant-numeric: tabular-nums; font-weight: 800; white-space: nowrap; }
.page-dashboard .battlecoins-statement-amount.is-credit { color: #8ce7b9 !important; }
.page-dashboard .battlecoins-statement-amount.is-debit { color: #ff93aa !important; }
.page-dashboard .battlecoins-statement-empty { padding: 28px !important; color: var(--text-dim) !important; text-align: center !important; }
.page-dashboard .battlecoins-statement-empty.is-error { color: #ff93aa !important; }
.page-dashboard .battlecoins-statement > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 55px; padding: 9px 18px; color: var(--text-dim); font-size: .6rem; }

.page-dashboard .battlecoins-plan-time {
  margin: 20px clamp(24px, 4vw, 46px) 6px;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(114, 217, 165, .24);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(114, 217, 165, .065), rgba(5, 10, 17, .88));
}

.page-dashboard .battlecoins-plan-time[hidden] { display: none; }
.page-dashboard .battlecoins-plan-time > header { display: flex; align-items: start; justify-content: space-between; gap: 22px; }
.page-dashboard .battlecoins-plan-time > header span { color: #8ce7b9; font-size: .62rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.page-dashboard .battlecoins-plan-time > header h3 { margin-top: 7px; color: #f6f9fc; font-size: clamp(1.25rem, 2.4vw, 1.85rem); }
.page-dashboard .battlecoins-plan-time > header p { max-width: 720px; margin-top: 8px; color: var(--text-muted); font-size: .7rem; line-height: 1.55; }
.page-dashboard .battlecoins-plan-time > header strong { flex: none; padding: 6px 9px; border: 1px solid rgba(114, 217, 165, .3); border-radius: 999px; color: #8ce7b9; font-size: .55rem; letter-spacing: .045em; text-transform: uppercase; }
.page-dashboard .battlecoins-plan-time-message { min-height: 1.3em; margin: 18px 0 13px; color: #bcd2c8; font-size: .67rem; line-height: 1.5; }
.page-dashboard .battlecoins-plan-time-message.is-error { color: #ff93aa; }
.page-dashboard .battlecoins-plan-time-message.is-success { color: #8ce7b9; }
.page-dashboard .battlecoins-plan-time-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.page-dashboard [data-plan-tier="super"] { --plan-accent: #58c7ff; --plan-soft: rgba(88, 199, 255, .13); --plan-deep: rgba(17, 67, 105, .45); }
.page-dashboard [data-plan-tier="ultra"] { --plan-accent: #f4d54e; --plan-soft: rgba(244, 213, 78, .13); --plan-deep: rgba(95, 78, 13, .42); }
.page-dashboard [data-plan-tier="master"] { --plan-accent: #d697ff; --plan-soft: rgba(214, 151, 255, .14); --plan-deep: rgba(79, 42, 117, .48); }
.page-dashboard .plan-ticket-art { position: relative; display: grid; place-items: center; width: 100%; min-width: 0; isolation: isolate; }
.page-dashboard .plan-ticket-art::after { position: absolute; z-index: -1; right: 10%; bottom: 2%; left: 10%; height: 30%; border-radius: 50%; background: var(--plan-accent); filter: blur(22px); content: ""; opacity: .15; }
.page-dashboard .plan-ticket-art img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; filter: drop-shadow(0 13px 15px rgba(0, 0, 0, .35)); }
.page-dashboard .battlecoins-plan-time-card { position: relative; display: grid; gap: 10px; min-width: 0; padding: 15px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--plan-accent) 28%, transparent); border-radius: 12px; background: radial-gradient(circle at 50% 0, var(--plan-deep), transparent 48%), rgba(4, 9, 15, .83); box-shadow: inset 0 1px rgba(255, 255, 255, .035); }
.page-dashboard .battlecoins-plan-time-card::before { position: absolute; top: 0; right: 15%; left: 15%; height: 2px; background: linear-gradient(90deg, transparent, var(--plan-accent), transparent); content: ""; opacity: .85; }
.page-dashboard .battlecoins-plan-time-card .plan-ticket-art { margin-bottom: 2px; }
.page-dashboard .battlecoins-plan-time-card h4 { color: #f7f9fc; font-size: .86rem; letter-spacing: -.01em; }
.page-dashboard .battlecoins-plan-time-price { color: #f5d94e; font-size: 1rem; font-weight: 800; }
.page-dashboard .battlecoins-plan-time-month { color: var(--text-dim); font-size: .59rem; text-transform: uppercase; }
.page-dashboard .battlecoins-plan-ticket-owned { color: var(--plan-accent); font-size: .59rem; font-weight: 800; }
.page-dashboard .battlecoins-plan-time-context { display: grid; gap: 7px; padding: 10px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 6px; background: rgba(255, 255, 255, .025); }
.page-dashboard .battlecoins-plan-time-reason { color: var(--text-muted); font-size: .62rem; line-height: 1.5; }
.page-dashboard .battlecoins-plan-time-reason strong { color: #dbe7f2; font-weight: 800; }
.page-dashboard .battlecoins-plan-time-reason.is-use { padding-top: 7px; border-top: 1px solid rgba(255, 255, 255, .06); }
.page-dashboard .battlecoins-plan-time-reason.is-hierarchy { padding-top: 7px; border-top: 1px solid rgba(255, 255, 255, .06); color: #b8d7c8; }
.page-dashboard .battlecoins-plan-time-buy { min-height: 38px; padding: 8px 12px; border: 1px solid rgba(114, 217, 165, .38); border-radius: 6px; background: rgba(114, 217, 165, .12); color: #a9efca; font: inherit; font-size: .64rem; font-weight: 800; cursor: pointer; }
.page-dashboard .battlecoins-plan-time-buy:disabled { border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .035); color: #65717c; cursor: not-allowed; }
.page-dashboard .battlecoins-plan-quantity { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 10px; align-items: center; padding: 10px; border: 1px solid color-mix(in srgb, var(--plan-accent) 18%, transparent); border-radius: 8px; background: color-mix(in srgb, var(--plan-soft) 48%, rgba(3, 8, 14, .72)); }
.page-dashboard .battlecoins-plan-quantity-label { color: #dce8f4; font-size: .61rem; font-weight: 800; }
.page-dashboard .battlecoins-plan-quantity-stepper { display: grid; grid-template-columns: 34px minmax(46px, 1fr) 34px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--plan-accent) 30%, rgba(255,255,255,.1)); border-radius: 7px; background: rgba(2, 7, 13, .72); }
.page-dashboard .battlecoins-plan-quantity-change { min-height: 34px; padding: 0; color: var(--plan-accent); border: 0; background: rgba(255,255,255,.035); font: inherit; font-size: .9rem; font-weight: 900; cursor: pointer; }
.page-dashboard .battlecoins-plan-quantity-change:first-child { border-right: 1px solid rgba(255,255,255,.08); }
.page-dashboard .battlecoins-plan-quantity-change:last-child { border-left: 1px solid rgba(255,255,255,.08); }
.page-dashboard .battlecoins-plan-quantity-change:disabled { color: #586673; cursor: not-allowed; }
.page-dashboard .battlecoins-plan-quantity-stepper input { min-width: 0; width: 100%; color: #fff; border: 0; outline: 0; background: transparent; font: inherit; font-size: .7rem; font-weight: 850; text-align: center; appearance: textfield; }
.page-dashboard .battlecoins-plan-quantity-stepper input::-webkit-inner-spin-button,
.page-dashboard .battlecoins-plan-quantity-stepper input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.page-dashboard .battlecoins-plan-quantity-stepper:focus-within { outline: 2px solid color-mix(in srgb, var(--plan-accent) 55%, transparent); outline-offset: 2px; }
.page-dashboard .battlecoins-plan-quantity-summary { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.page-dashboard .battlecoins-plan-quantity-summary small { color: var(--text-dim); font-size: .54rem; }
.page-dashboard .battlecoins-plan-quantity-summary strong { color: var(--plan-accent); font-size: .59rem; font-variant-numeric: tabular-nums; }
.page-dashboard .battlecoins-plan-time-note { margin-top: 14px; color: var(--text-dim); font-size: .59rem; line-height: 1.5; }

.page-dashboard .battlecoins-referrals {
  margin: 18px clamp(24px, 4vw, 46px) 3px;
  padding: 22px;
  border: 1px solid rgba(112, 174, 255, .25);
  border-radius: 9px;
  background: linear-gradient(135deg, rgba(18, 41, 70, .5), rgba(7, 12, 20, .9));
}
.page-dashboard .battlecoins-referrals[hidden] { display: none; }
.page-dashboard .battlecoins-referrals > header { display: flex; align-items: start; justify-content: space-between; gap: 22px; }
.page-dashboard .battlecoins-referrals > header span { color: #8fc5ff; font-size: .62rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.page-dashboard .battlecoins-referrals > header h3 { margin-top: 7px; color: #f6f9fc; font-size: clamp(1.25rem, 2.4vw, 1.85rem); }
.page-dashboard .battlecoins-referrals > header p { max-width: 720px; margin-top: 8px; color: var(--text-muted); font-size: .7rem; line-height: 1.55; }
.page-dashboard .battlecoins-referrals > header strong { flex: none; padding: 6px 9px; border: 1px solid rgba(112, 174, 255, .35); border-radius: 999px; color: #a8d3ff; font-size: .55rem; letter-spacing: .045em; text-transform: uppercase; }
.page-dashboard .battlecoins-referral-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.08); }
.page-dashboard .battlecoins-referral-metrics article { min-width: 0; padding: 15px; background: rgba(4, 9, 15, .86); }
.page-dashboard .battlecoins-referral-metrics span, .page-dashboard .battlecoins-referral-metrics strong { display: block; }
.page-dashboard .battlecoins-referral-metrics span { color: var(--text-dim); font-size: .57rem; text-transform: uppercase; }
.page-dashboard .battlecoins-referral-metrics strong { margin-top: 7px; color: #f5d94e; font-size: 1rem; font-variant-numeric: tabular-nums; }
.page-dashboard .battlecoins-referral-link { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; margin-top: 16px; }
.page-dashboard .battlecoins-referral-link input { min-width: 0; min-height: 40px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; background: rgba(1,5,10,.8); color: #dcecff; font: inherit; font-size: .67rem; }
.page-dashboard .battlecoins-referral-link button { min-height: 40px; padding: 8px 14px; border: 1px solid rgba(112, 174, 255, .4); border-radius: 6px; background: rgba(80, 142, 222, .14); color: #b8dcff; font: inherit; font-size: .64rem; font-weight: 800; cursor: pointer; }
.page-dashboard .battlecoins-referral-link button:disabled { opacity: .55; cursor: wait; }
.page-dashboard .battlecoins-referral-message { min-height: 1.2em; margin-top: 10px; color: #a8d3ff; font-size: .62rem; }
.page-dashboard .battlecoins-referral-message.is-error { color: #ff93aa; }
.page-dashboard .battlecoins-referral-message.is-success { color: #8ce7b9; }
.page-dashboard .battlecoins-referral-note { margin-top: 12px; color: var(--text-dim); font-size: .59rem; line-height: 1.5; }

.page-dashboard .battlecoins-tai-ball {
  margin: 18px clamp(24px, 4vw, 46px) 3px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(245, 217, 78, .27);
  border-radius: 9px;
  background: radial-gradient(circle at 92% 4%, rgba(47, 172, 255, .11), transparent 22rem), linear-gradient(145deg, rgba(245, 217, 78, .055), rgba(5, 10, 17, .9));
}
.page-dashboard .battlecoins-tai-ball[hidden] { display: none; }
.page-dashboard .battlecoins-tai-ball > header { display: flex; align-items: start; justify-content: space-between; gap: 22px; }
.page-dashboard .battlecoins-tai-ball > header span { color: #f5d94e; font-size: .62rem; font-weight: 800; letter-spacing: .085em; text-transform: uppercase; }
.page-dashboard .battlecoins-tai-ball > header h3 { margin-top: 7px; color: #f6f9fc; font-size: clamp(1.25rem, 2.4vw, 1.85rem); }
.page-dashboard .battlecoins-tai-ball > header p { max-width: 760px; margin-top: 8px; color: var(--text-muted); font-size: .7rem; line-height: 1.55; }
.page-dashboard .battlecoins-tai-ball > header strong { flex: none; padding: 6px 9px; border: 1px solid rgba(245, 217, 78, .36); border-radius: 999px; color: #f5d94e; font-size: .55rem; letter-spacing: .045em; text-transform: uppercase; }
.page-dashboard .battlecoins-tai-ball-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.08); }
.page-dashboard .battlecoins-tai-ball-metrics article { min-width: 0; padding: 15px; background: rgba(4, 9, 15, .88); }
.page-dashboard .battlecoins-tai-ball-metrics span, .page-dashboard .battlecoins-tai-ball-metrics strong { display: block; }
.page-dashboard .battlecoins-tai-ball-metrics span { color: var(--text-dim); font-size: .57rem; text-transform: uppercase; }
.page-dashboard .battlecoins-tai-ball-metrics strong { margin-top: 7px; color: #f5d94e; font-size: 1rem; font-variant-numeric: tabular-nums; }
.page-dashboard .battlecoins-tai-ball-purchase { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 16px; padding: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; background: rgba(4,9,15,.67); }
.page-dashboard .battlecoins-tai-ball-purchase strong { color: #f6f9fc; font-size: .72rem; }
.page-dashboard .battlecoins-tai-ball-purchase p { margin-top: 5px; color: var(--text-muted); font-size: .62rem; line-height: 1.5; }
.page-dashboard .battlecoins-tai-ball-purchase button, .page-dashboard .battlecoins-tai-ball-use { min-height: 40px; padding: 9px 15px; border: 1px solid rgba(245,217,78,.4); border-radius: 6px; background: rgba(245,217,78,.11); color: #f5d94e; font: inherit; font-size: .64rem; font-weight: 800; cursor: pointer; }
.page-dashboard .battlecoins-tai-ball-purchase button:disabled, .page-dashboard .battlecoins-tai-ball-use:disabled { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.035); color: #65717c; cursor: not-allowed; }
.page-dashboard .battlecoins-tai-ball-message { min-height: 1.25em; margin-top: 11px; color: #c7d6e3; font-size: .63rem; line-height: 1.5; }
.page-dashboard .battlecoins-tai-ball-message.is-error { color: #ff93aa; }
.page-dashboard .battlecoins-tai-ball-message.is-success { color: #8ce7b9; }
.page-dashboard .battlecoins-tai-ball-form { margin-top: 18px; }
.page-dashboard .battlecoins-tai-ball-form[hidden] { display: none; }
.page-dashboard .battlecoins-tai-ball-form fieldset { min-width: 0; padding: 18px; border: 1px solid rgba(84,199,255,.18); border-radius: 8px; background: rgba(3,8,14,.58); }
.page-dashboard .battlecoins-tai-ball-form legend { padding: 0 8px; color: #f6f9fc; font-size: .77rem; font-weight: 800; }
.page-dashboard .battlecoins-tai-ball-form fieldset > p { margin: 2px 0 15px; color: var(--text-muted); font-size: .63rem; line-height: 1.5; }
.page-dashboard .battlecoins-tai-ball-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.page-dashboard .battlecoins-tai-ball-fields label { display: grid; align-content: start; gap: 5px; min-width: 0; }
.page-dashboard .battlecoins-tai-ball-fields .is-wide { grid-column: 1 / -1; }
.page-dashboard .battlecoins-tai-ball-fields label > span { color: var(--text-dim); font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.page-dashboard .battlecoins-tai-ball-fields select, .page-dashboard .battlecoins-tai-ball-fields input { width: 100%; min-height: 39px; padding: 8px 10px; border: 1px solid rgba(84,199,255,.2); border-radius: 6px; background: #080e16; color: #edf7ff; color-scheme: dark; font: inherit; font-size: .65rem; }
.page-dashboard .battlecoins-tai-ball-fields select[size] { min-height: 144px; padding: 4px; }
.page-dashboard .battlecoins-tai-ball-fields select[size] option { padding: 5px 7px; }
.page-dashboard .battlecoins-tai-ball-gift-preview { min-height: 48px; padding: 10px 12px; border-left: 3px solid #54c7ff; background: rgba(84,199,255,.07); color: #cdeafa; font-size: .62rem; line-height: 1.5; }
.page-dashboard .battlecoins-tai-ball-checks { display: grid; gap: 8px; margin: 16px 0; }
.page-dashboard .battlecoins-tai-ball-checks label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; color: #c8d8e5; font-size: .61rem; line-height: 1.45; }
.page-dashboard .battlecoins-tai-ball-checks input { margin-top: 2px; accent-color: #f5d94e; }
.page-dashboard .battlecoins-tai-ball-note { margin-top: 11px !important; color: var(--text-dim) !important; font-size: .58rem !important; }
.page-dashboard .battlecoins-tai-ball-history { margin-top: 19px; }
.page-dashboard .battlecoins-tai-ball-history[hidden] { display: none; }
.page-dashboard .battlecoins-tai-ball-history h4 { color: #f6f9fc; font-size: .72rem; }
.page-dashboard .battlecoins-tai-ball-history article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 18px; margin-top: 8px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 6px; background: rgba(3,8,14,.58); }
.page-dashboard .battlecoins-tai-ball-history article strong { color: #eaf5fc; font-size: .64rem; }
.page-dashboard .battlecoins-tai-ball-history article span { color: #8fc5df; font-size: .58rem; }
.page-dashboard .battlecoins-tai-ball-history article small { grid-column: 1 / -1; color: var(--text-dim); font-size: .56rem; }

.page-dashboard .battlecoins-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
  gap: 30px;
  align-items: end;
  padding: 34px clamp(24px, 4vw, 46px) 22px;
}

.page-dashboard .battlecoins-section-heading h3 { margin-top: 7px; font-size: clamp(1.25rem, 2.4vw, 1.8rem); }
.page-dashboard .battlecoins-section-heading p { color: var(--text-muted); font-size: .72rem; line-height: 1.6; }

.page-dashboard .battlecoins-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 clamp(24px, 4vw, 46px) 34px;
}

.page-dashboard .battlecoins-feature-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 7px;
  background: rgba(6, 11, 18, .68);
}

.page-dashboard .battlecoins-feature-card-wide { grid-column: 1 / -1; }
.page-dashboard .battlecoins-feature-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(84, 199, 255, .24);
  border-radius: 6px;
  background: rgba(84, 199, 255, .07);
  color: #60caff;
}
.page-dashboard .battlecoins-feature-icon svg { width: 21px; height: 21px; }
.page-dashboard .battlecoins-feature-card h4 { color: #eef7ff; font-size: .82rem; }
.page-dashboard .battlecoins-feature-card p { max-width: 540px; margin-top: 6px; color: var(--text-muted); font-size: .66rem; line-height: 1.5; }
.page-dashboard .battlecoins-locked-label {
  align-self: start;
  padding: 5px 8px;
  border: 1px solid rgba(245, 217, 78, .2);
  border-radius: 999px;
  background: rgba(245, 217, 78, .055);
  color: #d9c95d;
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.page-dashboard .battlecoins-feature-card.is-read-only {
  border-color: rgba(114, 217, 165, .23);
  background: rgba(51, 124, 91, .1);
}

.page-dashboard .battlecoins-feature-card.is-read-only .battlecoins-locked-label {
  border-color: rgba(114, 217, 165, .28);
  background: rgba(114, 217, 165, .08);
  color: #8ce7b9;
}

.page-dashboard .battlecoins-access-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  margin: 0 clamp(24px, 4vw, 46px) 40px;
  padding: 19px 21px;
  border: 1px solid rgba(114, 217, 165, .2);
  border-radius: 7px;
  background: rgba(114, 217, 165, .055);
}
.page-dashboard .battlecoins-access-icon { width: 44px; height: 44px; display: grid; place-items: center; color: #72d9a5; }
.page-dashboard .battlecoins-access-icon svg { width: 28px; height: 28px; }
.page-dashboard .battlecoins-access-note h3 { color: #dff8eb; font-size: .8rem; }
.page-dashboard .battlecoins-access-note p { margin-top: 5px; color: #a9c7b7; font-size: .67rem; line-height: 1.55; }

.page-dashboard #content > [data-dashboard-view="backpack"],
.page-dashboard #content > [data-dashboard-view="tournaments"],
.page-dashboard #content > [data-dashboard-view="crafttai"] { grid-column: 1 / -1; }

.page-dashboard .backpack-center,
.page-dashboard .arena-center,
.page-dashboard .safari-center,
.page-dashboard .crafttai-center {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background: linear-gradient(155deg, #101723, #080c13 68%);
}

.page-dashboard .safari-center { --safari-green: #a6ee8c; --safari-gold: #f3c96b; padding: 0; border-color: rgba(137, 232, 111, .3); background: #06100e; box-shadow: 0 30px 75px rgba(0,0,0,.25); }
.page-dashboard .safari-hero { position: relative; display: flex; align-items: center; min-height: clamp(510px,53vw,650px); overflow: hidden; isolation: isolate; padding: clamp(42px,6vw,82px); border-bottom: 1px solid rgba(166,238,140,.2); background-color: #07130e; background-image: linear-gradient(90deg,rgba(3,11,8,.97) 0%,rgba(3,11,8,.91) 28%,rgba(3,11,8,.65) 50%,rgba(3,11,8,.13) 73%),linear-gradient(0deg,rgba(2,9,6,.72),transparent 43%),url('/img/battlecoins/safari-reserve-hero-v1.webp'); background-position: center; background-size: cover; }
.page-dashboard .safari-hero::before { content: ""; position: absolute; z-index: -1; inset: 18px; border: 1px solid rgba(220,248,210,.12); border-radius: 2px; box-shadow: inset 0 0 80px rgba(0,0,0,.16); pointer-events: none; }
.page-dashboard .safari-hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 28%; background: linear-gradient(0deg,rgba(3,13,9,.84),transparent); pointer-events: none; }
.page-dashboard .safari-hero > * { position: relative; z-index: 1; }
.page-dashboard .safari-hero-copy { width: min(57%,690px); padding: 8px 0; }
.page-dashboard .safari-hero-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.page-dashboard .safari-hero-kicker > span, .page-dashboard .safari-catalog > header span, .page-dashboard .safari-field-guide > header span { color: var(--safari-green); font-size: .61rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.page-dashboard .safari-live-state { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid rgba(245,207,98,.34); border-radius: 99px; background: rgba(12,20,13,.68); box-shadow: 0 8px 25px rgba(0,0,0,.2); backdrop-filter: blur(10px); }
.page-dashboard .safari-live-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--safari-gold); box-shadow: 0 0 0 4px rgba(245,207,98,.09); }
.page-dashboard .safari-live-state strong { color: #f5dfa0; font-size: .53rem; letter-spacing: .04em; text-transform: uppercase; }
.page-dashboard .safari-live-state.is-active { border-color: rgba(156,240,127,.34); background: rgba(156,240,127,.09); }
.page-dashboard .safari-live-state.is-active i { background: var(--safari-green); box-shadow: 0 0 0 4px rgba(156,240,127,.1),0 0 14px rgba(156,240,127,.7); }
.page-dashboard .safari-live-state.is-active strong { color: #caf7bc; }
.page-dashboard .safari-hero h2 { max-width: 650px; margin-top: 15px; color: #f8fff5; font-size: clamp(3.1rem,6.5vw,6.2rem); line-height: .88; letter-spacing: -.06em; text-shadow: 0 14px 38px rgba(0,0,0,.42); }
.page-dashboard .safari-hero p { max-width: 620px; margin-top: 20px; color: #d1ded4; font-size: clamp(.72rem,1.15vw,.9rem); line-height: 1.75; text-shadow: 0 2px 14px rgba(0,0,0,.55); }
.page-dashboard .safari-rules { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 21px; }
.page-dashboard .safari-rules strong { padding: 8px 11px; border: 1px solid rgba(211,244,200,.2); border-radius: 6px; background: rgba(6,16,10,.58); color: #dcf2d5; font-size: .56rem; box-shadow: inset 0 1px rgba(255,255,255,.035); backdrop-filter: blur(8px); }
.page-dashboard .safari-hero-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 27px; padding: 12px 17px; border: 1px solid rgba(166,238,140,.6); border-radius: 7px; background: var(--safari-green); color: #07130a; box-shadow: 0 14px 35px rgba(0,0,0,.27); font-size: .62rem; font-weight: 900; text-decoration: none; }
.page-dashboard .safari-hero-cta::after { content: "\2193"; font-size: .85rem; }
.page-dashboard .safari-hero-cta:hover,.page-dashboard .safari-hero-cta:focus-visible { background: #b3fb9b; outline: 2px solid var(--safari-gold); outline-offset: 3px; }
.page-dashboard .safari-mission-control { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; border-bottom: 1px solid rgba(156,240,127,.14); background: rgba(156,240,127,.1); }
.page-dashboard .safari-mission-control article { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 12px; align-items: center; min-width: 0; padding: 20px clamp(16px,3vw,30px); background: #0a1713; }
.page-dashboard .safari-mission-control article > span { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(156,240,127,.24); border-radius: 9px; color: var(--safari-green); font-size: .57rem; font-weight: 900; }
.page-dashboard .safari-mission-control small,.page-dashboard .safari-mission-control strong { display: block; }
.page-dashboard .safari-mission-control small { color: #82988b; font-size: .52rem; letter-spacing: .04em; text-transform: uppercase; }
.page-dashboard .safari-mission-control strong { margin-top: 5px; color: #e5f4e0; font-size: .65rem; }
.page-dashboard .safari-field-guide { padding: 34px clamp(18px,4vw,44px) 8px; }
.page-dashboard .safari-field-guide h3 { margin-top: 6px; color: #f5fff2; font-size: 1.2rem; }
.page-dashboard .safari-field-guide ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 17px; padding: 0; list-style: none; }
.page-dashboard .safari-field-guide li { position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; min-width: 0; padding: 18px; border: 1px solid rgba(156,240,127,.14); border-radius: 10px; background: linear-gradient(145deg,rgba(156,240,127,.055),rgba(4,12,10,.78)); }
.page-dashboard .safari-field-guide li:not(:last-child)::after { content: ""; position: absolute; top: 34px; right: -13px; z-index: 2; width: 13px; border-top: 1px dashed rgba(156,240,127,.4); }
.page-dashboard .safari-field-guide b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(156,240,127,.1); color: var(--safari-green); font-size: .55rem; }
.page-dashboard .safari-field-guide strong { color: #edf9e9; font-size: .7rem; }
.page-dashboard .safari-field-guide p { margin-top: 6px; color: #91a89a; font-size: .59rem; line-height: 1.52; }
.page-dashboard .safari-catalog { padding: 34px clamp(18px,4vw,44px) 4px; }
.page-dashboard .safari-catalog > header { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.page-dashboard .safari-catalog h3 { margin-top: 6px; color: #f5fff2; font-size: 1.35rem; }
.page-dashboard .safari-catalog p { max-width: 710px; margin-top: 7px; color: #9eb4a5; font-size: .65rem; line-height: 1.55; }
.page-dashboard .safari-catalog > header > strong { padding: 7px 10px; border: 1px solid rgba(156,240,127,.22); border-radius: 99px; background: rgba(156,240,127,.055); color: #b8efa8; font-size: .55rem; }
.page-dashboard .safari-gift-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 18px; }
.page-dashboard .safari-gift-card { position: relative; overflow: hidden; min-width: 0; border: 1px solid rgba(156,240,127,.2); border-radius: 14px; background: linear-gradient(155deg,rgba(20,47,33,.9),rgba(4,13,11,.98)); box-shadow: 0 17px 35px rgba(0,0,0,.16); }
.page-dashboard .safari-gift-card::before { content: attr(data-encounter-index); position: absolute; top: 12px; left: 13px; z-index: 3; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(156,240,127,.24); border-radius: 50%; background: rgba(5,18,12,.78); color: #bdf1ac; font-size: .5rem; font-weight: 900; }
.page-dashboard .safari-gift-card::after { content: ""; position: absolute; inset: auto -15% 0; height: 62px; opacity: .13; background: repeating-linear-gradient(75deg,transparent 0 17px,#a1ef82 18px 21px,transparent 22px 30px); pointer-events: none; }
.page-dashboard .safari-gift-card-art { position: relative; display: grid; place-items: center; min-height: 205px; overflow: hidden; background: radial-gradient(circle at 50% 57%,rgba(159,238,124,.2),transparent 47%),linear-gradient(175deg,rgba(255,255,255,.025),transparent 70%); }
.page-dashboard .safari-gift-card-art::before { content: ""; position: absolute; width: 128px; height: 128px; border: 1px solid rgba(156,240,127,.12); border-radius: 50%; box-shadow: 0 0 0 26px rgba(156,240,127,.025),0 0 0 52px rgba(156,240,127,.018); }
.page-dashboard .safari-gift-card-art img { position: relative; z-index: 1; width: 170px; height: 170px; object-fit: contain; filter: drop-shadow(0 20px 16px rgba(0,0,0,.48)); transition: transform .25s ease; }
.page-dashboard .safari-gift-card:hover .safari-gift-card-art img { transform: translateY(-4px) scale(1.025); }
.page-dashboard .safari-gift-card-copy { position: relative; z-index: 1; padding: 18px; border-top: 1px solid rgba(255,255,255,.055); }
.page-dashboard .safari-gift-card-copy > span { color: var(--safari-green); font-size: .53rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.page-dashboard .safari-gift-card-copy h4 { margin-top: 6px; color: #f6fff4; font-size: .9rem; }
.page-dashboard .safari-gift-card-copy p { min-height: 2.8em; margin-top: 7px; color: #a9baae; font-size: .6rem; line-height: 1.5; }
.page-dashboard .safari-gift-card-meta { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); color: #d1edc8; font-size: .57rem; }
.page-dashboard .safari-stock-track { height: 4px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }
.page-dashboard .safari-stock-track i { display: block; width: var(--stock-level,10%); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#67c85e,var(--safari-green)); box-shadow: 0 0 8px rgba(156,240,127,.36); }
.page-dashboard .safari-gift-card-action { width: 100%; min-height: 40px; margin-top: 14px; border: 1px solid rgba(156,240,127,.42); border-radius: 7px; background: var(--safari-green); color: #08130b; font-size: .61rem; font-weight: 900; }
.page-dashboard .safari-gift-card-action:hover:not(:disabled) { background: #b3fb9b; }
.page-dashboard .safari-gift-card-action:focus-visible { outline: 2px solid var(--safari-gold); outline-offset: 3px; }
.page-dashboard .safari-gift-card-action:disabled { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); color: #829087; cursor: not-allowed; }
.page-dashboard .safari-gift-empty { grid-column: 1 / -1; padding: 35px; border: 1px dashed rgba(156,240,127,.25); border-radius: 12px; background: rgba(156,240,127,.025); color: #b7c8bc; font-size: .67rem; line-height: 1.6; text-align: center; }
.page-dashboard .safari-center .battlecoins-tai-ball { margin: 34px clamp(18px,4vw,44px) 38px; border-color: rgba(245,207,98,.23); border-radius: 13px; background: linear-gradient(145deg,rgba(245,207,98,.06),rgba(4,11,10,.92)); }
.page-dashboard .safari-tai-ball-heading { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 15px; align-items: center; }
.page-dashboard .safari-tai-ball-heading > img { width: 68px; height: 68px; object-fit: contain; filter: drop-shadow(0 12px 10px rgba(0,0,0,.45)); }
.page-dashboard .battlecoins-tai-ball-purchase-controls { display: grid; grid-template-columns: 82px auto auto; gap: 9px; align-items: end; }
.page-dashboard .battlecoins-tai-ball-purchase-controls label { display: grid; gap: 4px; color: #8f9eaa; font-size: .54rem; font-weight: 800; text-transform: uppercase; }
.page-dashboard .battlecoins-tai-ball-purchase-controls input { width: 82px; min-height: 40px; padding: 8px; border: 1px solid rgba(245,217,78,.25); border-radius: 6px; background: #080e16; color: #fff; font: inherit; text-align: center; }
.page-dashboard .battlecoins-tai-ball-purchase-controls > strong { align-self: center; color: #f5d94e; white-space: nowrap; }

.page-dashboard .crafttai-center { border-color: rgba(206,128,255,.25); background: linear-gradient(155deg,#171124,#090b14 70%); }
.page-dashboard .crafttai-hero { display: grid; grid-template-columns: 155px minmax(0,1fr); gap: clamp(22px,4vw,46px); align-items: center; padding: clamp(30px,5vw,55px); border-bottom: 1px solid rgba(207,140,255,.16); background: radial-gradient(circle at 14% 48%, rgba(204,120,255,.17), transparent 28%), radial-gradient(circle at 86% 6%, rgba(68,205,255,.11), transparent 27%); }
.page-dashboard .crafttai-flask { display: grid; place-items: center; width: 150px; height: 150px; border: 1px solid rgba(211,145,255,.28); border-radius: 28px 28px 48px 48px; background: linear-gradient(150deg,rgba(206,126,255,.13),rgba(7,12,23,.8)); color: #dc9cff; box-shadow: 0 22px 45px rgba(0,0,0,.33); }
.page-dashboard .crafttai-flask svg { width: 108px; height: 108px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.page-dashboard .crafttai-hero span { color: #dc9cff; font-size: .61rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.page-dashboard .crafttai-hero h2 { margin-top: 7px; color: #fcf7ff; font-size: clamp(2rem,4vw,3.4rem); }
.page-dashboard .crafttai-hero p { max-width: 760px; margin-top: 9px; color: #c2b8cc; font-size: .74rem; line-height: 1.62; }
.page-dashboard .crafttai-hero strong { display: inline-flex; margin-top: 16px; padding: 7px 10px; border: 1px solid rgba(220,156,255,.26); border-radius: 99px; color: #e6b8ff; font-size: .57rem; text-transform: uppercase; }
.page-dashboard .crafttai-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; padding: 30px clamp(18px,4vw,44px) 22px; }
.page-dashboard .crafttai-flow article { min-width: 0; min-height: 175px; padding: 20px; border: 1px solid rgba(211,145,255,.17); border-radius: 10px; background: linear-gradient(150deg,rgba(181,104,231,.075),rgba(4,9,17,.65)); }
.page-dashboard .crafttai-flow span { color: #d696ff; font-size: .62rem; font-weight: 900; letter-spacing: .12em; }
.page-dashboard .crafttai-flow h3 { margin-top: 14px; color: #fbf6ff; font-size: .85rem; }
.page-dashboard .crafttai-flow p { margin-top: 8px; color: #aaa4b4; font-size: .64rem; line-height: 1.55; }
.page-dashboard .crafttai-integrity { margin: 0 clamp(18px,4vw,44px) 34px; padding: 16px 18px; border-left: 3px solid #d696ff; background: rgba(210,134,255,.065); color: #d5c8dc; font-size: .66rem; line-height: 1.55; }

.page-dashboard .backpack-hero {
  display: grid;
  grid-template-columns: minmax(110px, 185px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 4vw, 40px);
  padding: clamp(24px, 4vw, 44px);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  background: radial-gradient(circle at 15% 45%, rgba(235, 169, 83, .15), transparent 35%);
}
.page-dashboard .backpack-hero-art { min-width: 0; }
.page-dashboard .backpack-hero-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 20px 24px rgba(0,0,0,.45)); }
.page-dashboard .backpack-hero span,
.page-dashboard .arena-intro span { color: #f2c67b; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.page-dashboard .backpack-hero h2,
.page-dashboard .arena-intro h2 { margin-top: 7px; color: #fff; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.page-dashboard .backpack-hero p,
.page-dashboard .arena-intro p { max-width: 760px; margin-top: 9px; color: var(--text-muted); font-size: .76rem; line-height: 1.6; }
.page-dashboard .backpack-access-state { margin: 22px clamp(18px, 4vw, 44px) 0; color: #b8c7d3; font-size: .72rem; line-height: 1.5; }
.page-dashboard .backpack-access-state[hidden] { display: none; }
.page-dashboard .backpack-center .battlecoins-tai-ball { margin: 24px clamp(18px, 4vw, 44px); }
.page-dashboard .backpack-plan-tickets { margin: 24px clamp(18px, 4vw, 44px) 0; padding: 22px; border: 1px solid rgba(114,217,165,.24); border-radius: 9px; background: linear-gradient(145deg, rgba(114,217,165,.06), rgba(5,10,17,.86)); }
.page-dashboard .backpack-plan-tickets[hidden] { display: none; }
.page-dashboard .backpack-plan-tickets > header { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.page-dashboard .backpack-plan-tickets > header span { color: #8ce7b9; font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.page-dashboard .backpack-plan-tickets > header h3 { margin-top: 6px; color: #fff; font-size: 1.15rem; }
.page-dashboard .backpack-plan-tickets > header p { max-width: 720px; margin-top: 7px; color: var(--text-muted); font-size: .66rem; line-height: 1.5; }
.page-dashboard .backpack-plan-tickets > header > strong { flex: none; color: #8ce7b9; font-size: .56rem; text-transform: uppercase; }
.page-dashboard .backpack-plan-tickets > header > a { flex: none; padding: 7px 10px; border: 1px solid rgba(114,217,165,.3); border-radius: 6px; color: #a7edc8; font-size: .58rem; font-weight: 800; text-decoration: none; }
.page-dashboard .backpack-plan-tickets > header > a:hover, .page-dashboard .backpack-plan-tickets > header > a:focus-visible { background: rgba(114,217,165,.1); }
.page-dashboard .backpack-tai-balls { border-color: rgba(245,217,78,.22); background: linear-gradient(145deg,rgba(245,217,78,.045),rgba(5,10,17,.86)); }
.page-dashboard .backpack-items-title { margin-top: 22px; color: #f5f8fb; font-size: .77rem; }
.page-dashboard .backpack-item-list { display: grid; gap: 9px; margin-top: 10px; }
.page-dashboard .backpack-items-empty { padding: 16px; border: 1px dashed rgba(255,255,255,.18); border-radius: 7px; color: var(--text-muted); font-size: .67rem; }
.page-dashboard .backpack-item { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-width: 0; padding: 9px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(3,8,14,.65); }
.page-dashboard .backpack-item img { width: 52px; height: 52px; object-fit: contain; }
.page-dashboard .backpack-item strong,
.page-dashboard .backpack-item small { display: block; }
.page-dashboard .backpack-item strong { color: #f6f8fa; font-size: .72rem; }
.page-dashboard .backpack-item small { margin-top: 4px; color: var(--text-dim); font-size: .59rem; }
.page-dashboard .backpack-item-status { padding: 5px 9px; border-radius: 999px; background: rgba(114,217,165,.11); color: #8ce7b9; font-size: .57rem; font-weight: 800; }
.page-dashboard .backpack-item-status.is-reserved { background: rgba(84,199,255,.1); color: #8dd9ff; }
.page-dashboard .backpack-item-status.is-consumed,
.page-dashboard .backpack-item-status.is-invalidated { background: rgba(245,217,78,.09); color: #f5d94e; }
.page-dashboard .backpack-plan-ticket-action { display: grid; justify-items: end; gap: 7px; min-width: 120px; }
.page-dashboard .backpack-plan-ticket-action button { min-height: 34px; padding: 7px 11px; border: 1px solid rgba(114,217,165,.4); border-radius: 6px; background: rgba(114,217,165,.12); color: #a9efca; font: inherit; font-size: .59rem; font-weight: 800; cursor: pointer; }
.page-dashboard .backpack-plan-ticket-action button:disabled { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.035); color: #65717c; cursor: not-allowed; }
.page-dashboard .backpack-plan-ticket-action small { max-width: 230px; color: #dfb6bf; font-size: .55rem; line-height: 1.4; text-align: right; }
.page-dashboard .backpack-plan-ticket-action small.is-hierarchy { color: #b8d7c8; }
.page-dashboard .backpack-plan-ticket-item { grid-template-columns: 112px minmax(0, 1fr) auto; min-height: 82px; border-color: color-mix(in srgb, var(--plan-accent) 22%, transparent); background: linear-gradient(100deg, var(--plan-soft), rgba(3, 8, 14, .72) 32%); }
.page-dashboard .backpack-plan-ticket-item .plan-ticket-art { width: 108px; }
.page-dashboard .backpack-plan-ticket-item .plan-ticket-art img { width: 108px; height: auto; aspect-ratio: 16 / 9; }
.page-dashboard .backpack-plan-ticket-item .plan-ticket-art::after { filter: blur(13px); opacity: .12; }
.page-dashboard .backpack-safari-empty { margin-top: 16px; padding: 18px; border: 1px solid rgba(245,217,78,.2); border-radius: 8px; background: rgba(245,217,78,.055); }
.page-dashboard .backpack-safari-empty strong { color: #f5d94e; font-size: .72rem; }
.page-dashboard .backpack-safari-empty p { margin-top: 6px; color: #c2ccd3; font-size: .64rem; line-height: 1.55; }
.page-dashboard .backpack-upcoming { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 clamp(18px, 4vw, 44px) 35px; }
.page-dashboard .backpack-upcoming article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: start; min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: rgba(3,8,14,.48); }
.page-dashboard .backpack-ticket-icon { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(242,198,123,.22); border-radius: 6px; color: #f2c67b; }
.page-dashboard .backpack-ticket-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.page-dashboard .backpack-upcoming h3 { color: #f6f8fa; font-size: .74rem; }
.page-dashboard .backpack-upcoming p { margin-top: 5px; color: var(--text-muted); font-size: .61rem; line-height: 1.5; }
.page-dashboard .backpack-upcoming article > strong { grid-column: 2; color: #e9c773; font-size: .55rem; text-transform: uppercase; }

.page-dashboard .arena-intro { padding: clamp(27px, 4vw, 48px); border-bottom: 1px solid rgba(255,255,255,.09); background: radial-gradient(circle at 86% 12%, rgba(128, 89, 220, .19), transparent 34%); }
.page-dashboard .arena-intro span { color: #bd9cff; }
.page-dashboard .arena-mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; padding: 28px clamp(18px, 4vw, 44px); }
.page-dashboard .arena-mode-grid article { display: flex; flex-direction: column; min-width: 0; min-height: 210px; padding: 21px; border: 1px solid rgba(173,144,255,.19); border-radius: 8px; background: rgba(92,60,160,.075); }
.page-dashboard .arena-mode-number { color: #ab8cf5; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.page-dashboard .arena-mode-grid h3 { margin-top: 13px; color: #f7f3ff; font-size: .95rem; }
.page-dashboard .arena-mode-grid p { margin-top: 8px; color: #bcc1d0; font-size: .67rem; line-height: 1.55; }
.page-dashboard .arena-mode-grid strong { margin-top: auto; padding-top: 18px; color: #c6aaff; font-size: .58rem; text-transform: uppercase; }
.page-dashboard .arena-integrity { margin: 0 clamp(18px, 4vw, 44px) 35px; padding: 16px 18px; border-left: 3px solid #a98cff; background: rgba(169,140,255,.07); color: #d1cce0; font-size: .66rem; line-height: 1.55; }

@media (max-width: 780px) {
  .page-dashboard .battlecoins-hero { grid-template-columns: 1fr; gap: 20px; min-height: 0; text-align: center; }
  .page-dashboard .battlecoins-hero-art img { width: min(58vw, 225px); }
  .page-dashboard .battlecoins-hero-copy > p { margin-right: auto; margin-left: auto; }
  .page-dashboard .battlecoins-balance { margin-right: auto; margin-left: auto; text-align: left; }
  .page-dashboard .battlecoins-section-heading { grid-template-columns: 1fr; gap: 10px; }
  .page-dashboard .battlecoins-feature-grid { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-feature-card-wide { grid-column: auto; }
  .page-dashboard .battlecoins-plan-time > header { flex-direction: column; }
  .page-dashboard .battlecoins-plan-time-grid { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-referrals > header { flex-direction: column; }
  .page-dashboard .battlecoins-tai-ball > header { flex-direction: column; }
  .page-dashboard .battlecoins-statement > header { flex-direction: column; }
  .page-dashboard .battlecoins-statement-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-dashboard .battlecoins-statement-controls button { width: 100%; }
  .page-dashboard .arena-mode-grid { grid-template-columns: 1fr; }
  .page-dashboard .arena-mode-grid article { min-height: 0; }
  .page-dashboard .backpack-upcoming { grid-template-columns: 1fr; }
  .page-dashboard .safari-hero { min-height: 590px; padding: 44px 26px; background-image: linear-gradient(90deg,rgba(3,11,8,.95),rgba(3,11,8,.63) 58%,rgba(3,11,8,.18)),linear-gradient(0deg,rgba(2,9,6,.78),transparent 54%),url('/img/battlecoins/safari-reserve-hero-v1.webp'); background-position: 58% center; }
  .page-dashboard .safari-hero-copy { width: min(72%,620px); }
  .page-dashboard .safari-hero h2 { font-size: clamp(2.5rem,8vw,4.2rem); }
  .page-dashboard .safari-mission-control { grid-template-columns: 1fr; }
  .page-dashboard .safari-field-guide ol { grid-template-columns: 1fr; }
  .page-dashboard .safari-field-guide li:not(:last-child)::after { top: auto; right: auto; bottom: -13px; left: 35px; width: 1px; height: 13px; border-top: 0; border-left: 1px dashed rgba(156,240,127,.4); }
  .page-dashboard .safari-gift-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-dashboard .crafttai-flow { grid-template-columns: 1fr; }
  .page-dashboard .crafttai-flow article { min-height: 0; }
}

@media (max-width: 520px) {
  .page-dashboard .battlecoins-preview-banner { font-size: .56rem; }
  .page-dashboard .battlecoins-hero { padding: 30px 20px 34px; }
  .page-dashboard .battlecoins-hero-copy h2 { font-size: 2rem; }
  .page-dashboard .battlecoins-hero-copy > p { font-size: .76rem; }
  .page-dashboard .battlecoins-balance { grid-template-columns: 1fr; gap: 6px; padding: 15px; }
  .page-dashboard .battlecoins-balance small { grid-column: auto; }
  .page-dashboard .battlecoins-plan-time { margin: 18px 18px 3px; padding: 17px; }
  .page-dashboard .battlecoins-referrals { margin: 18px 18px 3px; padding: 17px; }
  .page-dashboard .battlecoins-tai-ball { margin: 18px 18px 3px; padding: 17px; }
  .page-dashboard .battlecoins-tai-ball-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-dashboard .battlecoins-tai-ball-purchase { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-tai-ball-purchase button { width: 100%; }
  .page-dashboard .battlecoins-tai-ball-fields { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-tai-ball-fields .is-wide { grid-column: auto; }
  .page-dashboard .battlecoins-referral-metrics { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-referral-link { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-statement { margin: 24px 18px 3px; }
  .page-dashboard .battlecoins-statement > header { padding: 18px; }
  .page-dashboard .battlecoins-statement-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-dashboard .battlecoins-statement-controls { grid-template-columns: 1fr; }
  .page-dashboard .battlecoins-statement > footer { align-items: stretch; flex-direction: column; }
  .page-dashboard .battlecoins-section-heading { padding: 27px 18px 18px; }
  .page-dashboard .battlecoins-feature-grid { gap: 10px; padding: 0 18px 28px; }
  .page-dashboard .battlecoins-feature-card { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 15px; }
  .page-dashboard .battlecoins-feature-icon { width: 38px; height: 38px; }
  .page-dashboard .battlecoins-locked-label { grid-column: 2; justify-self: start; }
  .page-dashboard .battlecoins-access-note { grid-template-columns: 1fr; margin: 0 18px 28px; padding: 17px; }
  .page-dashboard .backpack-hero { grid-template-columns: 88px minmax(0,1fr); padding: 23px 18px; }
  .page-dashboard .backpack-hero h2,
  .page-dashboard .arena-intro h2 { font-size: 1.65rem; }
  .page-dashboard .backpack-center .battlecoins-tai-ball { margin: 18px; }
  .page-dashboard .backpack-plan-tickets { margin: 18px 18px 0; padding: 17px; }
  .page-dashboard .backpack-plan-tickets > header { flex-direction: column; }
  .page-dashboard .backpack-item { grid-template-columns: 44px minmax(0,1fr); gap: 10px; }
  .page-dashboard .backpack-item img { width: 44px; height: 44px; }
  .page-dashboard .backpack-plan-ticket-item { grid-template-columns: 92px minmax(0,1fr); padding: 11px; }
  .page-dashboard .backpack-plan-ticket-item .plan-ticket-art,
  .page-dashboard .backpack-plan-ticket-item .plan-ticket-art img { width: 88px; height: auto; }
  .page-dashboard .backpack-item-status { grid-column: 2; justify-self: start; }
  .page-dashboard .backpack-plan-ticket-action { grid-column: 2; justify-items: start; min-width: 0; }
  .page-dashboard .backpack-plan-ticket-action small { text-align: left; }
  .page-dashboard .arena-mode-grid { padding: 20px 18px; }
  .page-dashboard .safari-hero { align-items: end; min-height: 650px; padding: 38px 18px 34px; background-image: linear-gradient(180deg,rgba(2,9,6,.04) 0%,rgba(2,9,6,.12) 32%,rgba(2,9,6,.95) 67%,#020906 100%),url('/img/battlecoins/safari-reserve-hero-v1.webp'); background-position: 69% center; }
  .page-dashboard .safari-hero::before { inset: 10px; }
  .page-dashboard .safari-hero-copy { width: 100%; padding: 0 2px; }
  .page-dashboard .safari-hero-kicker { align-items: flex-start; flex-direction: column; gap: 8px; }
  .page-dashboard .safari-hero h2 { font-size: 3.2rem; }
  .page-dashboard .safari-live-state { display: flex; width: max-content; }
  .page-dashboard .crafttai-hero { grid-template-columns: 82px minmax(0,1fr); gap: 14px; padding: 24px 18px; }
  .page-dashboard .crafttai-flask { width: 82px; height: 82px; border-radius: 22px; }
  .page-dashboard .crafttai-flask svg { width: 60px; height: 60px; }
  .page-dashboard .crafttai-hero h2 { font-size: 1.65rem; }
  .page-dashboard .safari-mission-control article { padding: 16px 18px; }
  .page-dashboard .safari-field-guide { padding: 26px 18px 5px; }
  .page-dashboard .safari-catalog { padding: 22px 18px 3px; }
  .page-dashboard .safari-catalog > header { flex-direction: column; }
  .page-dashboard .safari-gift-grid { grid-template-columns: 1fr; }
  .page-dashboard .safari-gift-card { display: grid; grid-template-columns: 118px minmax(0,1fr); }
  .page-dashboard .safari-gift-card-art { min-height: 100%; }
  .page-dashboard .safari-gift-card-art img { width: 112px; height: 112px; }
  .page-dashboard .safari-gift-card-art::before { width: 90px; height: 90px; }
  .page-dashboard .safari-gift-card::before { width: 25px; height: 25px; top: 8px; left: 8px; }
  .page-dashboard .safari-tai-ball-heading { grid-template-columns: 52px minmax(0,1fr); gap: 11px; }
  .page-dashboard .safari-tai-ball-heading > img { width: 52px; height: 52px; }
  .page-dashboard .safari-center .battlecoins-tai-ball { margin: 18px; }
  .page-dashboard .battlecoins-tai-ball-purchase-controls { grid-template-columns: 74px 1fr; }
  .page-dashboard .battlecoins-tai-ball-purchase-controls input { width: 74px; }
  .page-dashboard .battlecoins-tai-ball-purchase-controls button { grid-column: 1 / -1; }
  .page-dashboard .crafttai-flow { padding: 22px 18px 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-dashboard .battlecoins-hero-art img,
  .page-dashboard .battlecoins-package-art img,
  .page-dashboard .plan-ticket-art img { filter: none; }
  .page-dashboard .safari-gift-card-art img { transition: none; }
}

.page-dashboard .dashboard-section-icon-backpack img,
.page-dashboard .dashboard-section-icon-arena img { width: 100%; height: 100%; object-fit: contain; }
.page-dashboard .bc-store-center { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: linear-gradient(155deg, #101723, #080c13 68%); }
.page-dashboard .bc-store-intro { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 22px; align-items: center; padding: 29px clamp(18px, 4vw, 44px); border-bottom: 1px solid rgba(255,255,255,.09); background: radial-gradient(circle at 12% 50%, rgba(222,170,71,.13), transparent 34%); }
.page-dashboard .bc-store-intro img { width: 112px; height: 112px; object-fit: contain; }
.page-dashboard .bc-store-intro span,
.page-dashboard .bc-store-group-heading span,
.page-dashboard .arena-trophies > div:first-child span { color: #f2c67b; font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.page-dashboard .bc-store-intro h2 { margin-top: 5px; color: #fff; font-size: clamp(1.45rem, 2.8vw, 2.25rem); }
.page-dashboard .bc-store-intro p,
.page-dashboard .bc-store-group-heading p,
.page-dashboard .arena-trophies > div:first-child p { max-width: 760px; margin-top: 7px; color: var(--text-muted); font-size: .68rem; line-height: 1.55; }
.page-dashboard .bc-store-status { margin: 22px clamp(18px, 4vw, 44px) 0; padding: 13px 16px; border-left: 3px solid #e4b963; background: rgba(228,185,99,.08); color: #e7d2a9; font-size: .65rem; line-height: 1.5; }
.page-dashboard .bc-store-group { padding: 28px clamp(18px, 4vw, 44px) 0; }
.page-dashboard .bc-store-group:last-child { padding-bottom: 34px; }
.page-dashboard .bc-store-group.battlecoins-plan-time { margin: 28px clamp(18px, 4vw, 44px) 0; padding: 22px; }
.page-dashboard .bc-store-group-heading h3,
.page-dashboard .arena-trophies h3 { margin-top: 5px; color: #fff; font-size: 1.1rem; }
.page-dashboard .bc-store-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 15px; }
.page-dashboard .bc-store-card { display: grid; grid-template-rows: 110px 1fr auto; justify-items: start; gap: 13px; min-width: 0; padding: 18px; border: 1px solid rgba(235,198,123,.2); border-radius: 10px; background: linear-gradient(155deg, rgba(32,43,63,.9), rgba(9,17,28,.94)); }
.page-dashboard .bc-store-card img { width: 110px; height: 110px; object-fit: contain; }
.page-dashboard .bc-store-card h4 { color: #fff; font-size: .84rem; }
.page-dashboard .bc-store-card p { margin-top: 7px; color: #aab9c9; font-size: .63rem; line-height: 1.5; }
.page-dashboard .bc-store-card div > strong { display: block; margin-top: 11px; color: #f6d483; font-size: .79rem; font-variant-numeric: tabular-nums; }
.page-dashboard .bc-store-card > span { padding: 6px 9px; border: 1px solid rgba(235,198,123,.25); border-radius: 99px; color: #e7c684; font-size: .55rem; font-weight: 800; }
.page-dashboard .backpack-item-quantity { margin-left: 8px; color: #f5d483; font-size: .67rem; font-variant-numeric: tabular-nums; }
.page-dashboard .arena-trophies { margin: 0 clamp(18px, 4vw, 44px) 28px; padding: 22px; border: 1px solid rgba(173,144,255,.19); border-radius: 9px; background: rgba(92,60,160,.065); }
.page-dashboard .arena-trophy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.page-dashboard .arena-trophy-grid article { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid rgba(173,144,255,.18); border-radius: 7px; background: rgba(5,10,23,.45); }
.page-dashboard .arena-trophy-grid img { width: 44px; height: 44px; object-fit: contain; }
.page-dashboard .arena-trophy-grid .is-silver img { filter: grayscale(1) brightness(1.25); }
.page-dashboard .arena-trophy-grid .is-bronze img { filter: sepia(.9) saturate(1.8) hue-rotate(338deg) brightness(.8); }
.page-dashboard .arena-trophy-grid strong { color: #e7dbff; font-size: .64rem; }
.page-dashboard .backpack-ticket-icon img { width: 31px; height: 31px; object-fit: contain; }

@media (max-width: 780px) {
  .page-dashboard .bc-store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .page-dashboard .bc-store-intro { grid-template-columns: 70px minmax(0, 1fr); gap: 11px; padding: 20px 18px; }
  .page-dashboard .bc-store-intro img { width: 70px; height: 70px; }
  .page-dashboard .bc-store-intro h2 { font-size: 1.25rem; }
  .page-dashboard .bc-store-status { margin: 18px 18px 0; }
  .page-dashboard .bc-store-group { padding: 23px 18px 0; }
  .page-dashboard .bc-store-grid { grid-template-columns: 1fr; }
  .page-dashboard .bc-store-card { grid-template-columns: 78px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; gap: 10px 13px; }
  .page-dashboard .bc-store-card img { width: 78px; height: 78px; }
  .page-dashboard .bc-store-card > span { grid-column: 2; }
  .page-dashboard .arena-trophies { margin: 0 18px 22px; padding: 17px; }
  .page-dashboard .arena-trophy-grid { grid-template-columns: 1fr; }
}