/* Release 72.7: more legible in-game vehicle cards using existing model art. */
.mh77-vehicle-card{--mh77-accent:#75b8b5;--mh77-paint:#aeb2b5;min-height:395px;display:flex;flex-direction:column;gap:0;background:radial-gradient(ellipse at 50% 27%,color-mix(in srgb,var(--metal) 21%,transparent),transparent 59%),repeating-linear-gradient(120deg,transparent 0 13px,#ffffff05 14px 15px),linear-gradient(160deg,#1d2e3b,#071622 78%);border-width:2px;box-shadow:0 10px 24px #0009,0 0 0 1px #fff2 inset}
.mh77-vehicle-card::after{content:"";position:absolute;z-index:-1;inset:auto -24px 40% auto;width:125px;height:125px;background:radial-gradient(circle,var(--mh77-accent),transparent 69%);filter:blur(28px);opacity:.28;pointer-events:none}
.mh77-vehicle-card .mh58-top{position:relative;z-index:1;min-height:53px}
.mh77-vehicle-card .mh58-ovr b{font-size:44px;line-height:.98;font-variant-numeric:tabular-nums;text-shadow:0 2px 9px #000a}
.mh77-vehicle-card .mh58-tier{font-size:10px;border-radius:5px 9px 5px 9px;box-shadow:inset 0 0 11px #ffffff17}
.mh77-vehicle-card .mh77-identity{display:flex;justify-content:space-between;gap:5px;color:#e4eaf2;font-size:9px;font-weight:800;letter-spacing:.12em;padding:7px 0;border-bottom:1px solid #ffffff20;text-align:left}
.mh77-vehicle-card .mh77-identity span:last-child{color:var(--metal);text-align:right}
.mh77-vehicle-card .mh58-car-art{height:122px;min-height:122px;margin:9px 1px 4px;overflow:hidden;isolation:isolate}
.mh77-vehicle-card .mh58-car-art img,.mh77-vehicle-card .mh58-car-art svg,.mh77-vehicle-card .mh58-car-art .atlas,.mh77-vehicle-card .mh58-car-art .asset-panel{object-fit:contain!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important}
.mh77-vehicle-card .mh58-model{font-size:17px;line-height:1.16;min-height:38px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;color:#fffaf0;text-shadow:0 2px 6px #000}
.mh77-vehicle-card .mh77-paint-row{display:flex;align-items:center;justify-content:center;gap:6px;min-height:22px;margin:1px 0 8px;color:#d8e5ec}
.mh77-vehicle-card .mh77-paint-row small{font-size:10px;overflow-wrap:anywhere}
.mh77-vehicle-card .mh77-paint-dot{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:var(--mh77-paint);border:2px solid #fff7;box-shadow:0 0 8px #000a}
.mh77-vehicle-card .mh58-stats{margin-top:auto;gap:9px 7px;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--metal) 70%,transparent);padding:10px 0}
.mh77-vehicle-card .mh77-stat{min-width:0;text-align:left;white-space:nowrap;font-size:10px;letter-spacing:.035em;font-weight:750}
.mh77-vehicle-card .mh77-stat b{font-size:15px;font-variant-numeric:tabular-nums}
.mh77-vehicle-card .mh77-stat i{display:block;width:100%;height:4px;margin-top:4px;background:#ffffff1b;border-radius:4px;overflow:hidden}
.mh77-vehicle-card .mh77-stat em{display:block;width:calc(var(--mh77-value) * 1%);height:100%;background:linear-gradient(90deg,var(--mh77-accent),var(--metal));border-radius:4px}
.mh77-vehicle-card .mh77-owned-meta{padding:8px 4px 0;border-top:1px solid #fff2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;text-align:left;color:#dee8ec;font-size:10px}
.mh77-vehicle-card .mh77-care-track{width:100%;height:5px;border-radius:5px;background:#ffffff20;overflow:hidden;margin-bottom:2px}
.mh77-vehicle-card .mh77-care-track i{display:block;height:100%;background:#76cda0;border-radius:5px}
.mh77-vehicle-card .mh77-not-owned{line-height:1.4;color:#c5d5db}
.mh77-garage-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.mh77-garage-kpi{background:#091c2cb8;border:1px solid #547b91;border-radius:9px;padding:10px;min-width:0;display:flex;flex-direction:column;gap:5px}
.mh77-garage-kpi strong{font-size:26px;line-height:1;font-variant-numeric:tabular-nums;color:#f4c879}
.mh77-garage-kpi strong small{font-size:15px;color:#a5b8c8}
.mh77-garage-kpi span{font-size:11px;color:#c0d3dc}
.mh77-garage-tiers{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 13px}
.mh77-garage-tiers>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:104px;flex:1;padding:7px;border:1px solid var(--rarity);border-radius:7px;background:#0e1d2b;color:var(--rarity)}
.mh77-garage-tiers b{font-size:9px;letter-spacing:.055em}.mh77-garage-tiers small{font-size:10px;color:#dee6ea}
.mh77-tier-bronze{--rarity:#c89b7c}.mh77-tier-silver{--rarity:#c9d8e2}.mh77-tier-gold{--rarity:#f4d386}.mh77-tier-legendary{--rarity:#f5b45d}.mh77-tier-special{--rarity:#93efde}
.mh77-garage .mh71-owned{max-height:unset;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.mh77-garage .mh71-owned>article{min-width:0}.mh77-garage .mh71-card-art .mh77-vehicle-card{max-width:280px}
.mh77-garage-empty{padding:16px;border:1px dashed #69909e;border-radius:8px}
@media(max-width:700px){.mh77-vehicle-card{min-height:385px}.mh77-garage .mh71-owned{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}.mh77-garage-overview{gap:5px}.mh77-garage-kpi{padding:8px}.mh77-garage-kpi strong{font-size:23px}}
@media(max-width:520px){.mh77-garage .mh71-owned{grid-template-columns:1fr}.mh77-garage-tiers>span{flex-basis:calc(50% - 6px)}.mh77-garage-kpi strong{font-size:20px}.mh77-garage-kpi span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mh77-vehicle-card,.mh77-vehicle-card *{animation:none!important}}