/* Preserve the complete scene instead of forcing illustrations into old portrait crops. */
.growth-art{display:block;position:relative;min-width:0;height:auto;aspect-ratio:3/2;background:#24202a;overflow:hidden}
.growth-art>img{display:block;position:static;width:100%;height:auto;object-fit:contain;object-position:center;transform:none;border:0}
.routine-card>.growth-art{width:100%;height:auto;flex:none;align-self:start}
.investment{padding:18px}
.investment>.growth-art{width:calc(100% + 36px);height:auto;aspect-ratio:3/2;margin:-18px -18px 14px;flex:none}
.growth-intro:has(>.growth-art){display:block}
.growth-intro>.growth-art,.growth-art.growth-modal-art{width:100%;height:auto;max-width:none;aspect-ratio:3/2;margin:0 0 18px;border-radius:12px}
.growth-intro>.growth-art+div{min-width:0}
.shift-scene>.growth-art{width:100%;max-width:640px;margin:0 auto 18px;border-radius:12px}
.diary-history>.growth-art,.repayment-history>.growth-art,.memory-collection-art{width:100%;max-width:480px;margin:16px 0 20px;border-radius:12px}
.empty-memory>.growth-art{width:100%;max-width:480px;flex:0 1 360px;align-self:center;border-radius:12px}
@media(max-width:360px){
 .routine-card{display:flex;flex-direction:column}
 .routine-card>.growth-art{width:100%;height:auto;min-height:0;aspect-ratio:3/2}
}