.progress-container{display:flex;flex-wrap:wrap;gap:10px 20px;margin:10px 0;}.progress-item{display:flex;align-items:center;width:28%;position:relative;}.progress-item span{width:30px;font-weight:bold;color:#333;position:relative;padding-left:14px;flex-shrink:0;}.progress-item span::before{content:'';width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}.progress-item span.gold::before{background-color:#FFD700;}.progress-item span.wood::before{background-color:#7CFC00;}.progress-item span.water::before{background-color:#1E90FF;}.progress-item span.fire::before{background-color:#FF4500;}.progress-item span.soil::before{background-color:#D2B48C;}.progress-bar{flex:1;height:16px;background-color:#f0f0f0;border-radius:8px;overflow:hidden;margin-left:8px;position:relative;}.progress-fill{height:100%;color:#fff;font-size:12px;line-height:16px;padding-right:5px;text-align:right;border-radius:8px 0 0 8px;transition:width 0.8s ease-in-out;min-width:32px;}.progress-gold{background-color:#FFD700;}.progress-wood{background-color:#5f5f5f;}.progress-water{background-color:#1E90FF;}.progress-fire{background-color:#FF4500;}.progress-soil{background-color:#D2B48C;}