.input-group-custom { margin-bottom: 1rem; }
        .range-badge { font-size: 1rem; background: #eef2f7; display: inline-block; padding: 0.2rem 0.7rem; border-radius: 20px; font-family: monospace; }
        .engine-chart { background: #f8f9fa; border-radius: 12px; padding: 0.8rem; margin-top: 1rem; }
        .hp-meter { height: 24px; background: #e9ecef; border-radius: 12px; overflow: hidden; margin: 15px 0; }
        .hp-meter-fill { height: 100%; background: linear-gradient(90deg, #0d6efd, #0b5ed7); width: 0%; border-radius: 12px; transition: width 0.3s ease; }
        .legend { display: flex; justify-content: center; gap: 1.5rem; margin: 0.5rem 0; font-size: 0.8rem; }
        .legend-color { width: 16px; height: 16px; display: inline-block; border-radius: 4px; }
     .extreme-warning { background-color: #fff3cd; color: #856404; border-left: 4px solid #ffc107; }
        .type-hint { font-size: 0.8rem; color: #0c5460; background: #d1ecf1; padding: 0.2rem 0.5rem; border-radius: 12px; display: inline-block; margin-left: 8px; }