burnout

<div class="bg-scene" style="background-image: url('startbg.jpeg');"> <div class="start-screen"> <div class="start-title">Stranded: in Pompeii</div> <div class="start-subtitle">The mountain is waking. Survive the Burn!</div> <div class="start-btn-wrap"> (link-goto: "Start Game", "Intro") </div> </div> <div class="sound-btn" title="Toggle sound">🔊</div> </div>

<audio id="bg-audio" src="eruption.mp3" autoplay loop></audio> <script>document.getElementById('bg-audio').volume = 0.5;</script> <div class="hud"> <span class="hud-title">Stranded: in Pompeii</span> <div class="ep-wrap"> <span class="ep-label">ENERGY</span> <div class="ep-track"><div class="ep-fill" id="ep-fill"></div></div> <span class="ep-num" id="ep-num"></span> </div> <div class="day-pips"> <div class="pip done" id="pip1">I</div> <div class="pip done" id="pip2">II</div> <div class="pip done" id="pip3">III</div> <div class="pip done" id="pip4">IV</div> <div class="pip crisis" id="pip5">V</div> </div> <button id="sound-btn" class="sound-btn" onclick="var a=document.getElementById('bg-audio');var i=document.getElementById('sound-icon');if(a){if(a.paused){a.play();if(i)i.textContent='🔊';}else{a.pause();if(i)i.textContent='🔇';}}"> <span id="sound-icon">🔊</span> </button> </div> <div class="bg-scene" style="background-image: url('outcomed.png');"> <div class="scene-wrap"> <div class="text-box"> <div class="box-day-tag">Outcome — Success</div> <div class="box-title red">You Kept Going.</div> <p>You didn't stop. Not for the cart. Not for the crowd. Not for the pull you felt when the old man's eyes found yours.</p> <p>You kept your eyes on the harbor and you ran.</p> <p>You get in the boat. You row. Your arms burn but they hold. Your mind is clear — because you protected it. You made the hard choice to preserve what you had left for the moment that needed it most.</p> <p>When you reach shore, you're breathing hard and alive.</p> <p><em>You think about the old man. You hope someone else stopped. You'll never know.</em></p> <p><em>What you do know: you couldn't have rowed this hard if you hadn't.</em></p> <div class="inner-voice"> <div class="iv-lbl">Reflection</div> <p>"What does it cost to say no when everything in you wants to say yes? And what becomes possible when you do?"</p> </div> <div class="note">Protecting your energy is not selfishness. Knowing what you can and cannot take on — and holding that boundary under pressure — is what makes sustained action possible. You cannot help anyone from empty.</div> <div class="continue-link">(link:"Play Again")[(goto:"Start")]</div> <div class="continue-link">(link:"See Other Outcomes")[(goto:"Day5_Morning")]</div> </div> </div> </div> <script> setTimeout(function() { window.GameState.render(); window.GameState.checkEPChoices(); }, 100); </script>

<audio id="bg-audio" src="background.mp3" autoplay loop></audio> <script>document.getElementById('bg-audio').volume = 0.5;</script> <div class="bg-scene" style="background-image: url('introbg.jpeg');"> <div class="scene-wrap"> <div class="text-box"> <p>You are <strong>Dr. Elena Maris</strong>, a history professor who falls asleep annotating a manuscript about Pompeii and wakes up there. The year is <strong>79 AD.</strong> Vesuvius erupts in five days.</p> <p>To escape, you must build a boat. That means earning trust, gathering materials, and navigating a city that doesn't believe disaster is coming.</p> <p>But time isn't your only enemy. <strong>Every task costs energy you cannot fully recover.</strong> How you spend yourself across four days will decide whether you reach the boat or burn out before the mountain does.</p> <div class="continue-link">(link:"Continue")[(goto:"Day1_Arrival")]</div> </div> </div> </div>

<audio id="bg-audio" src="eruption.mp3" autoplay loop></audio> <script>document.getElementById('bg-audio').volume = 0.5;</script> <div class="hud"> <span class="hud-title">Stranded: in Pompeii</span> <div class="ep-wrap"> <span class="ep-label">ENERGY</span> <div class="ep-track"><div class="ep-fill" id="ep-fill"></div></div> <span class="ep-num" id="ep-num"></span> </div> <div class="day-pips"> <div class="pip done" id="pip1">I</div> <div class="pip done" id="pip2">II</div> <div class="pip done" id="pip3">III</div> <div class="pip done" id="pip4">IV</div> <div class="pip crisis" id="pip5">V</div> </div> <button id="sound-btn" class="sound-btn" onclick="var a=document.getElementById('bg-audio');var i=document.getElementById('sound-icon');if(a){if(a.paused){a.play();if(i)i.textContent='🔊';}else{a.pause();if(i)i.textContent='🔇';}}"> <span id="sound-icon">🔊</span> </button> </div> <div class="bg-scene" style="background-image: url('day5camp.png');"> <div class="scene-wrap"> <div class="text-box"> <div class="box-day-tag">Day V — The Harbor</div> <div class="box-title red">The Dock</div> <p>You reach the dock. The ash is thick now — it coats your hands, your hair, your tongue. The sky is the color of a bruise. Vesuvius is no longer a mountain; it is a column of fire and stone that has replaced the sky.</p> <p>You look at the boat. You look at your hands. You look at everything you have left.</p> <div class="choice-set">  <div id="choice-solo" class="ch-green"> (link:"You have enough energy to do this on your own. (No change to EP)")[(goto:"Outcome_D")] </div>  <div class="ch-orange"> (link:"You cannot do this alone. You call out for help. (+10)")[(goto:"Outcome_C")] </div> </div> </div> </div> </div> <script> setTimeout(function() { window.GameState.render(); window.GameState.checkEPChoices(); }, 100); </script>

<audio id="bg-audio" src="eruption.mp3" autoplay loop></audio> <script>document.getElementById('bg-audio').volume = 0.5;</script> <div class="hud"> <span class="hud-title">Stranded: in Pompeii</span> <div class="ep-wrap"> <span class="ep-label">ENERGY</span> <div class="ep-track"><div class="ep-fill" id="ep-fill"></div></div> <span class="ep-num" id="ep-num"></span> </div> <div class="day-pips"> <div class="pip done" id="pip1">I</div> <div class="pip done" id="pip2">II</div> <div class="pip done" id="pip3">III</div> <div class="pip done" id="pip4">IV</div> <div class="pip crisis" id="pip5">V</div> </div> <button id="sound-btn" class="sound-btn" onclick="var a=document.getElementById('bg-audio');var i=document.getElementById('sound-icon');if(a){if(a.paused){a.play();if(i)i.textContent='🔊';}else{a.pause();if(i)i.textContent='🔇';}}"> <span id="sound-icon">🔊</span> </button> </div> <div class="bg-scene" style="background-image: url('day5road.png');"> <div class="scene-wrap"> <div class="text-box"> <div class="box-day-tag">Day V — The Road to the Harbor</div> <div class="box-title red">Someone Left Behind</div> <p>The road is chaos. Carts overturn. Families run with whatever they grabbed first. The ash falls like grey snow that burns.</p> <p>Then you see him.</p> <p>An old man — a potter, you think, you have passed his stall a hundred times — is pinned beneath an overturned cart. Not crushed. But trapped. His leg is caught under the wheel and he cannot free himself. He is not screaming. He is just looking at the sky with the calm of someone who has already accepted what is coming.</p> <p>He sees you. His eyes move to yours. He does not ask.</p> <div class="dlg"> <div class="spk">Old Man</div> <div class="ln">"Go. I am an old man. You are not."</div> </div> <p>The harbor is three minutes away. The cart would take everything you have left. And he told you to leave.</p> <div class="inner-voice"> <div class="iv-lbl">Elena's Inner Voice</div> <p>"He told me to go."</p> <p>"But I am the only person on this road who stopped."</p> </div> <p>What do you do?</p> <div class="choice-set"> <div id="choice-help" class="ch-red"> (link:"Help — Lift the cart. Get him free. Whatever it costs. (−25 EP)")[(goto:"Day5_Road_Help")] </div> <div class="ch-green"> (link:"Go — He told you to. The boat will not wait. (no EP change)")[(goto:"Day5_Camp")] </div> </div> </div> </div> </div> <script> setTimeout(function() { window.GameState.render(); window.GameState.checkEPChoices(); }, 100); </script>