/* Wallet layout from hud-patch, with the game's warm metal and olive finish. */
.wallets .wallet-icon { display:none; }
body.location-shell #locationShell .wallets {
  --cash-ink:#eee8d7; --cash-gold:#e5cca0; --hud-fill:#aa873b;
  position:absolute; inset:12px 12px auto auto; z-index:40;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 0;
  width:300px; max-width:calc(100% - 24px); height:auto; min-height:0;
  margin:0; padding:13px 14px 12px; border:1px solid #766447;
  border-top-color:#ac9061; border-radius:10px;
  background:linear-gradient(155deg,#37352af7,#20271ff7 57%,#1a211bf7);
  box-shadow:inset 0 1px #f9dfa622,inset 0 -2px #0c120a88,0 4px 0 #0a110c99,0 7px 20px #0005;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  text-align:left; pointer-events:none; isolation:isolate;
}
body.location-shell #locationShell .wallets>div:not(.goal) {
  display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto 27px;
  align-items:center; gap:6px 7px; min-width:0; margin:0; padding:0 12px 0 0;
}
body.location-shell #locationShell .wallets>div.wallet-stash { padding:0 0 0 12px; border-left:1px solid #c7aa6e25; }
body.location-shell #locationShell .wallets>div>span {
  display:block; grid-column:1/-1; color:#cfc7b4;
  font:550 11px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.1px; text-transform:none; text-shadow:none; white-space:nowrap;
}
body.location-shell #locationShell .wallets .wallet-icon {
  display:block; width:24px; height:24px; padding:3px;
  color:#bdc99b; background:linear-gradient(145deg,#57614055,#29332388);
  border:1px solid #b9c68a30; border-radius:6px;
  fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}
body.location-shell #locationShell .wallets .wallet-stash .wallet-icon { color:var(--cash-gold); background:linear-gradient(145deg,#82683c44,#3d332588); border-color:#c6a26940; }
body.location-shell #locationShell .wallets strong {
  display:block; min-width:0; margin:0; color:var(--cash-ink);
  font-family:inherit; font-size:clamp(12px,calc(162px / var(--cash-length,7)),21px);
  font-weight:750; font-variant-numeric:tabular-nums; line-height:1.15;
  letter-spacing:-.5px; white-space:nowrap;
  -webkit-text-stroke:0; text-shadow:0 1px 2px #0006;
}
body.location-shell #locationShell .wallets #babayMoney { color:var(--cash-gold); }
body.location-shell #locationShell .wallets .goal {
  display:grid; grid-column:1/-1; grid-template-columns:minmax(0,1fr) auto;
  align-items:center; gap:7px; min-width:0; width:100%; max-width:none;
  margin:0; padding:10px 0 0; border-top:1px solid #d4bb8124;
  text-align:left; pointer-events:auto;
}
body.location-shell #locationShell .wallets .goal>span { display:block; grid-column:auto; color:#c2bba8; font-size:10px; line-height:1.2; }
body.location-shell #locationShell .wallets .goal>b { margin:0; color:#e7d6b6; font:650 10px/1.2 system-ui,sans-serif; letter-spacing:.15px; text-shadow:none; }
body.location-shell #locationShell .wallets .progress {
  position:relative; display:block; grid-column:1/-1; width:100%; max-width:none;
  height:7px; min-height:7px; margin:0; padding:0; overflow:hidden;
  border:0; border-radius:3px; background:#111a13;
  box-shadow:inset 0 1px 2px #0009,0 1px #d3ba7a12;
}
body.location-shell #locationShell .wallets .progress i {
  display:block; height:100%; min-height:0; border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#c4a253,var(--hud-fill));
  box-shadow:inset 0 1px #ffe7a640; transition:width .25s ease-out;
}
body.location-shell #locationShell .wallets .progress::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#17201699 calc(10% - 2px),#17201699 10%);
}
/* SVGs belong only to the courtyard HUD; other locations keep their original wallet rail. */
body.away-home .wallets>div:not(.goal)>span { white-space:nowrap; }
@media(min-width:701px) and (max-height:700px) {
  body.location-shell #locationShell .wallets { inset:8px 10px auto auto; width:282px; padding:9px 12px; gap:7px 0; }
  body.location-shell #locationShell .wallets>div:not(.goal) { grid-template-rows:auto 24px; gap:4px 6px; }
  body.location-shell #locationShell .wallets strong { font-size:clamp(12px,calc(145px / var(--cash-length,7)),19px); }
  body.location-shell #locationShell .wallets .wallet-icon { width:22px; height:22px; }
  body.location-shell #locationShell .wallets .goal { padding-top:7px; gap:5px; }
  #home .yard-casino>span { top:60%; }
}
@media(max-width:700px) {
  /* Keep every entrance clear: compact wallet strip above the artwork. */
  body.location-shell #locationStage { display:flex; flex-direction:column; aspect-ratio:auto; }
  body.location-shell #locationShell .wallets {
    position:relative; inset:auto; order:-1; flex:none; width:100%; max-width:none;
    padding:10px 13px; gap:8px 0; border:0; border-bottom:1px solid #78623e77;
    border-radius:10px 10px 0 0; background:linear-gradient(140deg,#343428,#20271e 75%);
    box-shadow:inset 0 1px #f9dfa619;
  }
  body.location-shell #locationShell .wallets>div:not(.goal) { grid-template-rows:auto 25px; gap:4px 7px; padding-right:13px; }
  body.location-shell #locationShell .wallets>div.wallet-stash { padding:0 0 0 13px; }
  body.location-shell #locationShell .wallets>div>span { font-size:11px; }
  body.location-shell #locationShell .wallets strong { font-size:clamp(12px,calc(180px / var(--cash-length,7)),20px); }
  body.location-shell #locationShell .wallets .goal { gap:5px; padding-top:7px; }
  body.location-shell #locationShell .wallets .progress { height:6px; min-height:6px; }
}
@media(max-width:360px) {
  body.location-shell #locationShell .wallets { padding:9px 11px; }
  body.location-shell #locationShell .wallets>div:not(.goal) { grid-template-columns:22px minmax(0,1fr); gap:4px 5px; padding-right:9px; }
  body.location-shell #locationShell .wallets>div.wallet-stash { padding-left:9px; }
  body.location-shell #locationShell .wallets .wallet-icon { width:22px; height:22px; }
  body.location-shell #locationShell .wallets strong { font-size:clamp(12px,calc(145px / var(--cash-length,7)),19px); }
}
@media(forced-colors:active) {
  body.location-shell #locationShell .wallets { background:Canvas; border:1px solid CanvasText; }
  body.location-shell #locationShell .wallets strong,body.location-shell #locationShell .wallets #babayMoney,body.location-shell #locationShell .wallets>div>span,body.location-shell #locationShell .wallets .goal>b,body.location-shell #locationShell .wallets .wallet-icon { color:CanvasText; text-shadow:none; }
  body.location-shell #locationShell .wallets .progress { background:Canvas; border:1px solid CanvasText; }
  body.location-shell #locationShell .wallets .progress i { background:Highlight; forced-color-adjust:none; }
  body.location-shell #locationShell .wallets .progress::after { display:none; }
}
@media(prefers-reduced-motion:reduce) { body.location-shell #locationShell .wallets .progress i { transition:none; } }