Dynamic Clock Speed

<center><img src="https://github.com/DellAquila/Layout/raw/main/New/CABECALHO.png"></center><br/>

<style>
.multiplayer-banner {
background-color: #4caf50;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
margin: 20px 0;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
}
.multiplayer-text {
color: #ffffff !important;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.1rem;
text-shadow: 2px 2px #000;
}
.multiplayer-sub {
background: #000;
color: #4caf50 !important;
padding: 2px 10px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
}
.thumb-icon {
font-size: 1.5rem;
filter: drop-shadow(2px 2px 0px #000);
}

.mod-container {
--sf-volt: #ffcc00;
--sf-green: #48bb78;
--sf-red: #f56565;
--sf-bg: #2d2d2d;
--sf-border: #000;
max-width: 850px;
margin: 20px auto;
background-color: var(--sf-bg);
color: #e0e0e0;
padding: 30px;
border: 4px solid var(--sf-border);
box-shadow: 10px 10px 0px var(--sf-border);
}
.mod-container h1 {
color: var(--sf-volt);
text-transform: uppercase;
text-align: center;
border-bottom: 3px double var(--sf-green);
padding-bottom: 10px;
margin-bottom: 25px;
text-shadow: 2px 2px #000;
}
.energy-banner {
background: linear-gradient(90deg, #744210 0%, #22543d 100%);
color: #fff;
padding: 15px;
text-align: center;
border: 2px solid #000;
margin: 20px 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
}

.logic-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin: 25px 0;
}
.logic-card {
background: #1a1a1a;
padding: 15px;
border-bottom: 4px solid var(--sf-green);
}
.logic-card b { color: var(--sf-volt); display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 0.85rem; }

.perfectionist-warning {
background: rgba(245, 101, 101, 0.1);
border: 2px solid var(--sf-red);
padding: 20px;
margin: 25px 0;
color: #ff8a8a;
text-align: center;
}
.perfectionist-warning b { color: var(--sf-red); font-size: 1.1rem; }

.tech-table {
width: 100%;
border-collapse: collapse;
background: #1a1a1a;
margin: 20px 0;
font-size: 0.8rem;
}
.tech-table th { background: #333; color: var(--sf-volt); padding: 10px; text-align: left; text-transform: uppercase; }
.tech-table td { padding: 10px; border-bottom: 1px solid #333; line-height: 1.4; }

.spare-power-box {
background: #000;
border: 1px solid var(--sf-green);
padding: 15px;
margin: 20px 0;
}
.spare-power-box b { color: var(--sf-green); }

.tech-note {
background: #000;
border-left: 5px solid var(--sf-volt);
padding: 15px;
font-size: 0.85rem;
margin: 10px 0;
}
</style>

<div class="multiplayer-banner">
<span class="thumb-icon">👍</span>
<div class="multiplayer-text">Multiplayer Compatible</div>
<div class="multiplayer-sub">Everyone!</div>
</div>

<div class="mod-container">
<h1>Dynamic Clock Speed</h1>
<p style="text-align:center;">Let your factory breathe. Automatically adjust production speeds based on your power grid's surplus or deficit in real-time.</p>

<div class="energy-banner">
⚡ GRID-SYNCED FLUX CAPACITOR: ACTIVE ⚡
</div>

<div class="spare-power-box">
<b>SPARE POWER DEFINITION:</b> The system considers you have "Spare Power" only when your network has <b>more than 10% available capacity</b>, even while all batteries are actively charging.
</div>

<div class="logic-grid">
<div class="logic-card">
<b>📈 SURPLUS MODE</b>
When your batteries are healthy and spare power is detected, the Flux Capacitor pushes connected manufacturers to overclock (up to 250% if shards are present).
</div>
<div class="logic-card">
<b>📉 DEFICIT PROTECTION</b>
If battery levels drop or spare power vanishes, the system aggressively throttles machines to preserve the grid and prevent a total blackout.
</div>
</div>

<div class="perfectionist-warning">
<b>⚠️ WARNING: LOGISTICAL CHAOS ⚠️</b><br>
If you have spent hours balancing belts to the third decimal point, DO NOT INSTALL THIS. It constantly shifts machine ratios. The Flux Capacitor occasionally draws up to 100 MW to operate. Using this mod does not guarantee your fuse won't blow—it just makes the ride more interesting.
</div>

<h3 style="color: var(--sf-green); text-transform: uppercase; font-size: 1rem;">Automated Logic (Checks every 20s)</h3>
<table class="tech-table">
<tr>
<th>Battery Charge</th>
<th>Mode</th>
<th>With Spare Power</th>
<th>No Spare Power</th>
</tr>
<tr>
<td>0% — 20%</td>
<td style="color:var(--sf-red);"><b>EMERGENCY</b></td>
<td>Clock +1%</td>
<td>Clock -20%</td>
</tr>
<tr>
<td>20% — 80%</td>
<td><b>STABILIZING</b></td>
<td>If >100%: +1%<br>If <100%: +3%</td>
<td>If >100%: -20%<br>If <100%: -5%</td>
</tr>
<tr>
<td>80% — 100%</td>
<td style="color:var(--sf-green);"><b>FULL SEND</b></td>
<td>Clock +10%</td>
<td>Stable</td>
</tr>
</table>

<h3 style="color: var(--sf-green); text-transform: uppercase; font-size: 1rem;">Systems Integrated</h3>
<ul>
<li><b>Flux Capacitor:</b> The "brain" of your grid. (Limit: 1 per Power ID).</li>
<li><b>Biomass Burner "Full Blast":</b> Just like the Vanilla Biomass Burner but compatible with power storage charging.</li>
<li><b>Selective Sync:</b> Only changes Manufacturers; Power Producers and machines turned off remain unaffected.</li>
</ul>

<div class="tech-note">
<b>TIP:</b> This mod works best on networks with <b>large battery banks</b>. The more storage you have, the smoother will be!
</div>

<img src="https://i.imgur.com/9bU03bJ.png" width=100%>
<img src="https://i.imgur.com/8UO5pjG.png" width=100%>

<div style="border-top: 1px solid #444; padding-top: 15px; font-size: 0.8rem; color: #aaa; margin-top: 25px; text-align: center;">
Concept and Idea by: <b>powderblaster</b><br>
<i>Stop wasting energy. Let your production dance with your power!</i>
</div>
</div>

<div class="aquila-footer">
<style>
.aquila-footer {
--sf-bg: #1a1a1a; --sf-border: #000; --sf-gold: #f2c94c;
--discord: #3b4e8d; --patreon: #ff6058; --steam: #f2f2f2;
--pix: #f2d600; --paypal: #249ce2; --youtube: #ff0000;
max-width: 850px; margin: 40px auto; background-color: var(--sf-bg);
padding: 30px; border: 4px solid var(--sf-border); border-top: 6px solid var(--sf-gold);
box-shadow: 10px 10px 0px var(--sf-border); text-align: center; color: #fff;
}
.aquila-footer .btn-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.aquila-footer .full-btn { grid-column: span 2; }
.aquila-footer .social-btn {
display: flex; align-items: center; justify-content: center;
padding: 12px; border: 3px solid #000; box-shadow: 4px 4px 0px #000;
text-decoration: none; transition: transform 0.1s;
}
.aquila-footer .social-btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0px #000; }
.aquila-footer .btn-text { color: #ffffff !important; text-transform: uppercase; font-weight: bold; font-size: 0.9rem; line-height: 1.2; }
.aquila-footer .discord { background: var(--discord); }
.aquila-footer .patreon { background: var(--patreon); }
.aquila-footer .youtube { background: var(--youtube); }
.aquila-footer .steam { background: var(--steam); }
.aquila-footer .steam .btn-text { color: #d35400 !important; }
.aquila-footer .paypal { background: var(--paypal); }
.aquila-footer .sub-text { display: block; font-size: 0.65rem; opacity: 0.9; font-weight: normal; margin-top: 4px; text-transform: none; }
</style>
<p style="margin-bottom: 25px; font-weight: bold; color: var(--sf-gold);">
✨ Let your production dance with your power.
</p>

<div class="btn-container">
<a href="https://discord.gg/xkVJ73E" target="_blank" class="social-btn discord">
<div class="btn-text">AQUILA INDUSTRIAL<span class="sub-text">Join the Discord and share your power-management tips!</span></div>
</a>
<a href="https://store.steampowered.com/app/1958750/Hexfactory/" target="_blank" class="social-btn steam">
<div class="btn-text">HEXFACTORY ON STEAM<span class="sub-text" style="color:#000 !important">Check out the little game I built from scratch!</span></div>
</a>
<a href="https://www.patreon.com/AndreAquila" target="_blank" class="social-btn patreon">
<span class="btn-text">BECOME A PATRON<span class="sub-text">Fuel my coffee addiction so I can keep coding until 3 AM.</span></span>
</a>
<a href="https://www.paypal.com/donate?hosted_button_id=TD7ME2KYDMT7G" target="_blank" class="social-btn" style="background: var(--pix);">
<div class="btn-text" style="color:#000 !important;">☕ BUY ME A COFFEE!<span class="sub-text" style="font-weight: bold; color: #000 !important;">Support with $1 — it will make my day!</span></div>
</a>
<a href="https://www.youtube.com/@AndreAquila" target="_blank" class="social-btn youtube full-btn">
<span class="btn-text">▶ SUBSCRIBE TO MY YOUTUBE CHANNEL<span class="sub-text">See mod showcases and development updates!</span></span>
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=U96NB4W469FR2&source=url" target="_blank" class="social-btn paypal full-btn">
<span class="btn-text">Donate with PayPal<span class="sub-text">Every bit helps keep the cpu humming. Thank you!</span></span>
</a>
</div>

<div class="footer-meta">
<p style="font-size: 0.75rem; color: #555; letter-spacing: 2px; margin-top: 5px; font-weight: bold;">AQUILA INDUSTRIAL // ENERGY SYNC DIVISION</p>
</div>
</div>