/* V5.4 — proportion correction only. Keeps the existing scene and interactions intact. */

/* Keep swipe selection but remove the previous left/right carousel controls. */
.idle .chest-zone { display: none; }
.swipe-picker .vault-window { cursor: grab; }
.swipe-picker .vault-window:active { cursor: grabbing; }

/* Smaller visual chrome, with the mobile layout retaining generous touch sizes. */
.hud { height: 116px; padding: 24px 20px; }
.hud .back { width: 50px; height: 50px; font-size: 32px; line-height: 41px; border-color: #b9fff889; box-shadow: 0 0 10px #66fff43b; }
.hud .balance { min-width: 76px; min-height: 50px; padding: 8px 11px; font-size: 14px; border-radius: 15px; box-shadow: 0 0 9px #4bfff331; }
.demo-logo { width: 158px; top: 28px; }
.headline { top: 151px; }
.headline h2 { font-size: 29px; }
.headline p { font-size: 10px; }

/* Larger selected vault, while preserving the actual horizontal-track carousel. */
.vault-picker { top: 211px; height: 492px; }
.vault-track { top: 105px; gap: 10px; }
.vault-choice { flex-basis: 250px; width: 250px; height: 325px; transform: translateY(28px) scale(.7); }
.vault-choice.selected { transform: translateY(0) scale(1); }
.vault-nav { top: 253px; }
.vault-picker p { bottom: 4px; }

/* Shift the complete result stack downward without changing its internal hierarchy. */
.result .reveal-card { top: 51%; }
.result-panel { top: calc(51% + 226px); }
.result-actions { position: static; display: none; gap: 10px; margin: 16px 16px 0; }
.result .result-actions { display: grid; grid-template-columns: 1fr 1.35fr; animation: resultIn .42s .72s both; }
.result-actions button { min-height: 48px; border-radius: 12px; font-weight: 900; letter-spacing: .08em; font-size: 12px; }
.result-actions .sell { border: 1px solid #9eeae18c; background: #064b62bd; color: #dffff9; }
.result-actions .sell.sold, .result-actions .sell:disabled { opacity: .55; }
.result-actions .continue { border: 1px solid #c6fff6bd; background: linear-gradient(135deg,#bffff7,#40c8da); color: #003d50; box-shadow: 0 8px 20px #2eb8ca45; }

@media (max-width: 470px) {
  .hud { height: 104px; padding: 20px 17px; }
  .hud .back { width: 46px; height: 46px; font-size: 30px; }
  .hud .balance { min-width: 72px; min-height: 46px; font-size: 13px; }
  .demo-logo { width: 132px; top: 27px; }
  .headline { top: 130px; }
  .headline h2 { font-size: 25px; }
  .vault-picker { top: 199px; height: 500px; }
  .vault-track { top: 108px; gap: 10px; }
  .vault-choice { flex-basis: 250px; width: 250px; height: 325px; }
  .result .reveal-card { top: 49%; }
  .result-panel { top: calc(49% + 210px); }
}