Add contextual info panel to air damage results (#100)

- add a result info section beneath the calculator outputs with smaller helper text
- compute required weapons or stingers based on selected quality and energy entered
- surface booster and damage accelerator needs when deploy times exceed their durations

------
[Codex Task](https://chatgpt.com/codex/tasks/task_e_6946fa9ffc9c83258d6bc1ad5cb0cb95)

Author: rodrigogiraoserrao

erepublik-air-damage-calculator.html

@@ -189,6 +189,18 @@
             background: var(--or-2);
         }
 
+        .result-info {
+            display: grid;
+            gap: 0.35rem;
+            font-size: 0.95rem;
+            color: var(--foreground-subtle);
+            margin-top: 0.35rem;
+        }
+
+        .result-info__item {
+            margin: 0;
+        }
+
         @media (max-width: 720px) {
             body {
                 padding: 20px 16px 40px;
@@ -240,6 +252,7 @@ <h1>eRepublik Air Damage Calculator</h1>
                         <p class="helper-text" id="influence-breakdown"></p>
                     </div>
                 </div>
+                <div class="result-info" id="result-info" aria-live="polite"></div>
             </div>
         </section>
 
@@ -527,6 +540,7 @@ <h1>eRepublik Air Damage Calculator</h1>
             const influenceValue = document.getElementById('influence');
             const timeWrapper = document.getElementById('time-wrapper');
             const timeEstimate = document.getElementById('time-estimate');
+            const resultInfo = document.getElementById('result-info');
             const ebInput = document.getElementById('ebs');
             const eb2Input = document.getElementById('ebs2');
             const eb3Input = document.getElementById('ebs3');
@@ -629,6 +643,13 @@ <h1>eRepublik Air Damage Calculator</h1>
                 return `≈${formatNumber(minutes)}m:${remainingSeconds}s`;
             };
 
+            const formatDuration = (seconds) => {
+                const wholeSeconds = Math.max(0, Math.ceil(seconds));
+                const minutes = Math.floor(wholeSeconds / 60);
+                const remainingSeconds = String(wholeSeconds % 60).padStart(2, '0');
+                return `${minutes}m${remainingSeconds}s`;
+            };
+
             const clampNumber = (value, min, max) => {
                 if (Number.isNaN(value)) return min;
                 if (typeof max === 'number') {
@@ -789,6 +810,49 @@ <h1>eRepublik Air Damage Calculator</h1>
                         tooltipPopover.textContent = activeWrapper.dataset.tooltipContent;
                     }
                 }
+
+                const infoMessages = [];
+                const weaponQuality = {
+                    q1: 1,
+                    q2: 2,
+                    q3: 3,
+                    q4: 4,
+                    q5: 5
+                }[weapon];
+
+                if (weaponQuality) {
+                    const weaponsNeeded = Math.ceil(energy / weaponQuality);
+                    infoMessages.push(`${formatNumber(weaponsNeeded)} weapons required to deploy ${formatNumber(energy)} energy`);
+                }
+
+                if (isStinger) {
+                    const stingersNeeded = Math.ceil(energy / 3);
+                    infoMessages.push(`${formatNumber(stingersNeeded)} stingers required to deploy ${formatNumber(energy)} energy`);
+                }
+
+                const boostersSelected = boosterPercent > 0
+                    || influenceBoosterPercent > 0
+                    || rankBoosterPercent > 0;
+
+                const boostersDurationSeconds = 10 * 60;
+                if (boostersSelected && timeSecondsRounded > boostersDurationSeconds) {
+                    const boostersNeeded = Math.ceil(timeSecondsRounded / boostersDurationSeconds);
+                    infoMessages.push(`You may need ${formatNumber(boostersNeeded)}+ boosters because the deploy time is ${formatDuration(timeSecondsRounded)} (assuming each booster lasts 10m)`);
+                }
+
+                const damageAcceleratorDurationSeconds = 5 * 60;
+                if (damageAcceleratorMultiplier > 1 && timeSecondsRounded > damageAcceleratorDurationSeconds) {
+                    const acceleratorsNeeded = Math.ceil(timeSecondsRounded / damageAcceleratorDurationSeconds);
+                    infoMessages.push(`You may need ${formatNumber(acceleratorsNeeded)}+ damage accelerators because the deploy time is ${formatDuration(timeSecondsRounded)} (assuming each accelerator lasts 5m)`);
+                }
+
+                resultInfo.innerHTML = '';
+                infoMessages.forEach((message) => {
+                    const item = document.createElement('p');
+                    item.className = 'result-info__item';
+                    item.textContent = message;
+                    resultInfo.appendChild(item);
+                });
             }
 
             energyInput.addEventListener('input', () => {