/* Vice Customs garage menu: a side panel in the Vice City HUD style (ink, warm white, neon pink). */
#vh-garage { position: absolute; inset: 0; display: flex; justify-content: flex-end; align-items: center; padding: max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)); background: #10151e30; pointer-events: auto; z-index: 30; }
#vh-garage[hidden] { display: none; }
#vh-garage .g-panel { width: min(400px, 100%); max-height: 100%; overflow-y: auto; overscroll-behavior: contain; background: #181e28; color: #f4f1ea; border-radius: 8px; border-top: 1px solid #ff4fa3; padding: 20px; box-shadow: 0 14px 38px #0006; font-size: 14px; line-height: 1.45; }
#vh-garage header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
#vh-garage header small { color: #ff4fa3; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; font-size: 11px; }
#vh-garage h2 { margin: 2px 0 0; font-size: 22px; line-height: 1.2; }
#vh-garage h3 { margin: 16px 0 8px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: #f4f1ea; }
#vh-garage h3 small { display: block; text-transform: none; letter-spacing: 0; color: #b9bcc6; font-weight: 600; margin-top: 2px; }
#vh-garage .g-close { background: #2a303c; color: #f4f1ea; border-radius: 4px; padding: 6px 10px; font-weight: 800; font-size: 12px; }
#vh-garage .g-status { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; font-weight: 700; }
#vh-garage .g-hp { height: 6px; background: #2a303c; border-radius: 3px; overflow: hidden; }
#vh-garage .g-hp i { display: block; height: 100%; background: #7ed957; }
#vh-garage .g-paints { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
#vh-garage .g-paint { aspect-ratio: 1; border-radius: 6px; background: var(--c); border: 2px solid transparent; min-height: 36px; }
#vh-garage .g-paint.on { border-color: #f4f1ea; box-shadow: 0 0 0 2px #ff4fa3; }
#vh-garage .g-paint:hover, #vh-garage .g-paint:focus-visible { border-color: #f4f1ea; }
#vh-garage .g-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #2a303c; }
#vh-garage .g-row b { display: flex; align-items: center; gap: 8px; }
#vh-garage .g-row small { display: block; color: #b9bcc6; font-size: 12px; margin-top: 2px; }
#vh-garage .g-row button { min-height: 36px; padding: 6px 14px; border-radius: 4px; background: #ff4fa3; color: #1c1e24; font-weight: 800; white-space: nowrap; }
#vh-garage .g-row button:disabled { background: #2a303c; color: #8b8f9a; }
#vh-garage .g-pips { display: inline-flex; gap: 3px; }
#vh-garage .g-pips i { width: 14px; height: 6px; border-radius: 2px; background: #2a303c; }
#vh-garage .g-pips i.on { background: #ff4fa3; }
#vh-garage .g-result { margin: 14px 0 0; color: #d9dce3; font-weight: 600; }
#vh-garage .g-result[data-ok="false"] { color: #ff8a8a; }
#vh-garage .g-result[data-ok="true"] { color: #7ed957; }