/* Wallet shares the Hangar frame, token artwork and compact desktop rhythm. */
.header-account { display:contents; }
body[data-page="wallet"] .header-account { display:block; position:relative; flex:none; }
body[data-page="wallet"] .header-provider {
  position:absolute; top:calc(100% + 12px); right:0;
  width:100%; min-width:180px; min-height:38px;
  padding:8px 10px; font-size:15px; white-space:nowrap;
}
body[data-page="wallet"] .wallet-logo-small { width:23px; height:23px; }
body[data-page="wallet"] .hangar-token-coin {
  width:29px; height:29px; object-fit:contain; mix-blend-mode:normal;
  clip-path:circle(48% at 49% 48%);
}
body[data-page="wallet"] main { padding-top:calc(35px / var(--game-ui-scale,1)); }
body[data-page="wallet"] .wallet-heading { margin:0 auto 24px; gap:0; }
body[data-page="wallet"] .wallet-heading > .hangar-frame {
  margin:0; width:min(670px,100%); min-height:108px;
  padding:22px 16%; font-size:31px;
}
body[data-page="wallet"] .wallet-content { max-width:1240px; margin:0 auto; }
body[data-page="wallet"] .wallet-content .panel {
  border:6px solid #a8b8c6; border-radius:28px;
  box-shadow:0 0 0 2px #3b556b,inset 0 0 0 2px #fffefa,inset 0 0 0 5px #929ca3,inset 0 0 0 7px #e1d5bb,0 8px 16px #092e4560;
}
body[data-page="wallet"] .wallet-form,
body[data-page="wallet"] .history-panel { position:relative; padding-top:58px; }
body[data-page="wallet"] .wallet-form > .hangar-frame,
body[data-page="wallet"] .history-panel > .hangar-frame {
  position:absolute; top:-55px; left:50%; transform:translateX(-50%);
  width:calc(100% - 24px); min-height:80px; margin:0;
  padding:16px 15%; font-size:31px; line-height:1.1;
}
body[data-page="wallet"] .history-panel > .hangar-frame { width:min(780px,96%); }
body[data-page="wallet"] .wallet-summary { margin-bottom:72px; }
body[data-page="wallet"] .history-panel { margin-top:72px; }
body[data-page="wallet"] .balance-coin { mix-blend-mode:normal; clip-path:circle(48% at 49% 48%); }
body[data-page="wallet"] .wallet-form .btn { display:flex; width:88%; margin:0 auto; justify-content:center; }
.wallet-popup > .intro { text-align:center; }
.wallet-popup > .price { display:flex; justify-content:center; align-items:center; gap:10px; font-size:30px; margin:20px auto; }
.wallet-popup > .price .art-coin { width:34px; height:34px; object-fit:contain; mix-blend-mode:normal; clip-path:circle(48% at 49% 48%); }
.wallet-popup .wallet-choices { margin-top:20px; }
@media(min-width:1024px) {
  /* 0.75 × 1.15: enlarge the approved Wallet content proportionally. */
  body[data-page="wallet"] .wallet-content { zoom:.8625; }
  body[data-page="wallet"] .wallet-form > .hangar-frame,
  body[data-page="wallet"] .history-panel > .hangar-frame { font-size:calc(31px / .75); }
}
@media(max-width:760px) {
  body[data-page="wallet"] .nav-shell { gap:14px; }
  body[data-page="wallet"] .header-account { display:flex; width:100%; align-items:flex-start; flex-direction:column; gap:8px; }
  body[data-page="wallet"] .wallet-pill { position:static; display:flex; margin-left:auto; padding:8px 12px; }
  body[data-page="wallet"] .header-provider { position:static; width:auto; margin-left:auto; min-width:0; font-size:13px; }
  body[data-page="wallet"] main { padding-top:30px; }
  body[data-page="wallet"] .wallet-heading > .hangar-frame { min-height:74px; padding:17px 15%; }
  body[data-page="wallet"] .wallet-heading > .hangar-frame,
  body[data-page="wallet"] .wallet-form > .hangar-frame,
  body[data-page="wallet"] .history-panel > .hangar-frame { font-size:clamp(13px,4.2vw,22px); }
  body[data-page="wallet"] .wallet-grid { gap:72px; }
  body[data-page="wallet"] .wallet-form,
  body[data-page="wallet"] .history-panel { padding-top:46px; }
  body[data-page="wallet"] .wallet-form > .hangar-frame,
  body[data-page="wallet"] .history-panel > .hangar-frame { min-height:74px; top:-52px; }
  body[data-page="wallet"] .history-table { min-width:430px; }
}

/* Smaller centered actions and readable supporting text. */
body[data-page="wallet"] .wallet-content { --wallet-content-scale:1; }
body[data-page="wallet"] .wallet-form .btn {
  width:min(70%,330px); padding-left:20px; padding-right:20px;
  margin-left:auto; margin-right:auto; border-radius:19px;
}
body[data-page="wallet"] .wallet-note {
  font:18px/1.4 Cartoon,sans-serif!important;
  color:#4c6e91; margin-top:16px!important;
}
body[data-page="wallet"] .wallet-form > p,
body[data-page="wallet"] .wallet-form .field-label,
body[data-page="wallet"] .wallet-form .amount-input {
  position:relative;
  top:calc(-20px / (var(--game-ui-scale,1) * var(--wallet-content-scale,1)));
}
body[data-page="wallet"] .history-table { font-size:20px; }
body[data-page="wallet"] .history-table th { font-size:18px; }
body[data-page="wallet"] .history-table .status { font-size:17px; }
body[data-page="wallet"] .wallet-preview-note { font-size:18px; line-height:1.4; }
@media(min-width:1024px) {
  body[data-page="wallet"] .wallet-content { --wallet-content-scale:.75; }
}
@media(max-width:760px) {
  body[data-page="wallet"] .wallet-note { font-size:17px!important; }
  body[data-page="wallet"] .history-table { font-size:16px; }
  body[data-page="wallet"] .history-table th { font-size:15px; }
  body[data-page="wallet"] .history-table .status { font-size:14px; }
  body[data-page="wallet"] .wallet-preview-note { font-size:16px; }
}

/* Fine alignment from the approved Wallet references. */
body[data-page="wallet"] .wallet-form > p {
  top:calc(-10px / (var(--game-ui-scale,1) * var(--wallet-content-scale,1)));
}
body[data-page="wallet"] .transfer-preview {
  position:relative;
  top:calc(-10px / (var(--game-ui-scale,1) * var(--wallet-content-scale,1)));
}
body[data-page="wallet"] .wallet-form .btn { width:min(62%,280px); }
/* Compensate for the additional Wallet zoom to match the Hangar price. */
body[data-page="wallet"] .balance-panel strong {
  font-size:calc(28px / var(--wallet-content-scale,1));
  line-height:1.15;
}
body[data-page="wallet"] .balance-panel .balance-coin {
  width:calc(33px / var(--wallet-content-scale,1))!important;
  height:calc(33px / var(--wallet-content-scale,1))!important;
  flex-shrink:0; object-fit:contain;
}
@media(max-width:760px) {
  body[data-page="wallet"] .balance-panel strong { font-size:26px; }
}

/* Balance text refinement and alignment with the value strip. */
body[data-page="wallet"] .balance-panel strong {
  font-size:calc(24px / var(--wallet-content-scale,1));
}
body[data-page="wallet"] .balance-panel .balance-coin {
  transform:translateY(calc(4px / (var(--game-ui-scale,1) * var(--wallet-content-scale,1))));
}
@media(max-width:760px) {
  body[data-page="wallet"] .balance-panel strong { font-size:22px; }
}