"Only, she's been kidnapped. I just got the note. You know Professor Watt?"
You nod again. Of course. The famous rival inventor.
"He's sabotaged the castle, imprisoned her, and is demanding I pay a ransom of all her secret inventions."
"That's terrible!" you say.
A sad burbling emanates from the building's foundation. You could swear you smell pickles.
[["I hope you're able to figure it out! Good luck!" you say.]]
[["Can I help?" you ask.->A]]
"Oh, umm... thanks..." she says, looking worried. "Could you help?"
[["Of course! What can I do?"->A]]
[["I'm sorry, I don't think I can help."]]
"Oh, thank you so much! Yes, that would be great! Come in!"
She tugs her hat again and darts back into the castle, motioning for you to follow.
"I'm Charge, by the way."
[["Nice to meet you!" you say.]]She winces as the castle gives a huge grinding lurch.
You'd better let her get back to dealing with all that. She looks very smart and competent, though, and you're sure she'll figure it out.
You continue on your way, off to seek adventure. Over the years, you visit many lands and meet many amazing people. Sometimes you get news from your old home. You hear that Professor Watt took over, building huge factories to create his machines. There are rumors of people still fighting against him, but so far they are only rumors...
The End.
Would you like to restart?
[[Restart->You Encounter a Castle!]]"We need to get the castle working again. The main power circuits are broken and the security system is--" A rumble followed by a giant crash cuts her off and she chews her lip.
[["Okay, great... Sorry... Are those... cats?" you ask.->Okay, great... Sorry... Are those... cats?]]
[[Pet one of the glowing animals approaching you.]]"These are the cations!" Charge says, picking one up and cuddling it. It stares at you without blinking.
[[What's a cation?]]
[["Ah, yes, of course. Positively charged ions. But... those are tiny. Molecule-sized. How are these... also cats?"->Ah yes, cations]]
You reach down and pet one of the... cats. It feels like a warm, staticky balloon. Your hair stands on end. It hops into your arms and you pick it up.
As you follow Charge into the room, the other cats move away from you.
[[Move closer to one of the cats.]]Holding your... cat, you move towards another of the cats, but it's like trying to bring two magnets close together. You have to actively push your way forward, and you can feel it pushing the other cats out of the way. They don't seem to mind.
[["What are these?" you ask.->Okay, great... Sorry... Are those... cats?]]"Oh, the sorceress made them. She loves charged particles, so she made some giant ones for pets. This one's called Nat." She scratches its ears affectionately.
It's adorable but also strange! What a strange place this is!
The castle rumbles and a pipe detaches from the wall, sending out clouds of steam. Charge quickly attaches it back.
"Everything in the world is made of tiny little charges, but these are big! And cats! Try picking one up," Charge suggests. "They love to be carried around!"
[[Pick up two cations and try to bring them close together.]]
[[Pick up a cation and run into the crowd of cations.]]"Oh, good question!" Charge says. The cation rubs its forehead against her cheek, and she smiles. "Well, it's a bit of a long story, but everything in the world is made up of these teeny tiny things called atoms. And those atoms are made up of even tinier pieces called charges. Charges can be positive or negative."
"That sounds complicated!" you say.
"Yeah, it is! Anyway, the sorceress loves charged particles, so she made some giant ones for pets. This one's called Nat." She scratches its ears affectionately.
The castle rumbles and a pipe detaches from the wall, sending out clouds of steam. Charge quickly attaches it back.
"What's an ion?" you ask, thinking what a strange place this is.
"An ion is a charged particle. A cation is a positively charged particle. These are giant though! And cats! Kind of. Try picking one up," Charge suggests. "They love to be carried around!"
[[Pick up two cations and try to bring them close together.]]
[[Pick up a cation and run into the crowd of cations.]]You pick up a cation in each hand. They feel like clothes just out of the dryer; their fur clings to your hands, and your hair stands on end, crackling a little.
As you try to bring them together, you have to push harder and harder. The closer they get, the harder you have to push. No matter how hard you push, you can't get them to touch.
You and Charge are both laughing. She grins and scratches her cation behind one glowing ear.
[[Wait, do you hear something?]]You pick up a cation and run into the hall. You're like a shark running through a school of fish--the cations dart out of your way.
It's hard work, though; your arms are getting tired, and you can feel the cations pushing back on you. It's like your cation is a magnet and you're using it to push the others out of the way.
You and Charge are both laughing. She grins and scratches her cation behind one glowing ear.
[[Wait, do you hear something?]]
Charge runs to a window and looks out. Far below, a swarm of mechanical devices is advancing on the castle.
They have gears that grind like teeth, chewing through the walls, and glowing eyes that shoot lightining bolts, sending clouds of smoke out of the castle's electrical panels. The anxious smell of pickles intensifies.
"I have to get the security system working!" Charge shrieks. "You hold them off until I get back!"
You look at the terrifying army of unstoppable machines.
[["How?" you ask.]]
You feel a warm paw tap on your arm, and look down to see the cations, all wearing little helmets.
"Professor Watt's machines are all charged," Charge says. "If you launch a cation at them, they'll repel them!
You look more closely at the devastating army wreaking havoc below, and this time you notice that some are glowing faintly, like the cations. Others have a bluish tinge, though.
"What about those blue ones?"
"You need anions for those!" Charge shouts, already sprinting off. You just barely catch her last words. "Negative charges!"
Then she's gone. It's just you, hundreds of terrifying mechanical monsters, and thirty or so glowing cats.
Anions?
One of the cats lifts a glowing paw and points towards a door off to one side. The ground rumbles below your feet.
[[Turn the handle and peek inside.->One of the cats points you towards a nearby door. You turn the handle and peek inside. The ground rumbles below your feet.]]
You marvel at the soothing blue spheres. The cations crowd around the door, trying to get in, as if instead of blue spheres they were mice.
The blue spheres begin drifting towards you, drawn by the cations. (They must indeed be negatively charged, like Charge said, repelling from each other but drawn towards the cations.)
Several loud bangs and an explosion behind you interrupt your wondering.
You grab an armful of the glowing blue anions--they feel cool and smooth and so light they might float away. The cations immediately mob you, trying to get at them, but you gently hold them at bay.
[[Run back to the overlook.]]Three of the cations hand you a giant slingshot, and one of them climbs in, giving you a thumbs up.
You scan the crowd of terrifying monsters chewing and mangling their way through the castle.
You eye one close by, glowing with positive charge. How are you going to push it backwards?
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 1 copy.jpg?" width="100%" style="cursor:pointer;" />
[[Launch a cation at it]]
[[Launch an anion at it]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 1 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>Success! The cation flies straight and true, making a beeline for the giant device. It slows as it approaches; clearly they are repelled by one another. The monster stumbles backwards, pushed backwards by the cation, and falls off the battlements!
You turn to the next closest attacking machine. This one is negatively charged.
Which do you launch at it?
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 3 copy.jpg" width="100%" style="cursor:pointer;" />
[[A Cation]]
[[An Anion]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 3 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>The blue anion flies straight towards the positively charged machine, speeding up as it goes. They are drawn together like opposite ends of a magnet.
The anion sticks to the machine, which stumbles briefly but continues moving forwards, undetterred!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 2 copy.jpg" width="100%" style="cursor:pointer;" />
[[Launch a cation at it]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 2 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>The anion whistles through the air towards the negatively charged device, and before it even collides, the machine is stumbling backwards, its gears gnashing.
The anion crashes into it, bouncing backwards and flying back towards you as the monster is beaten back!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 8 copy.jpg" width="100%" style="cursor:pointer;" />
[[You high five one of the cations!->Take that!]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 8 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>You launch a cation at it, but this machine is negatively charged, so they attract! This time, instead of repelling the monster, the cation attracts it, sticking to it's surface and pulling it forwards!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 4 copy.jpg" width="100%" style="cursor:pointer;" />
[[Oh no! Fire a bunch of anions at it!]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 4 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>You launch a barrage of blue anions at the negatively charged monster, driving it back! It falls off the battlements in defeat!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 9 copy.jpg" width="100%" style="cursor:pointer;" />
[[Take that!]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 9 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>In the midst of your celebration, you suddenly notice a tiny little device, glowing blue with negative charge, running towards the castle. It's trying to get away from the monsters. It looks like one of the sorceress' devices!
The mechanical monsters are right on its heels! You want to help draw it closer faster!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 5 copy.jpg" width="100%" style="cursor:pointer;" />
[[Send a cation at it.]]
[[Send an anion at it.]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 5 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>You launch a negatively charged anion at it, but the device is also negatively charged! They repel! The little machine stumbles back into the clutches of the monsters!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 7 copy.jpg" width="100%" style="cursor:pointer;" />
[[Oh no! Send more cations!->Send a cation at it.]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 7 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>A cation hops up into your slingshot and, with lightning-fast speed, you fire it at the little negatively charged device.
They speed towards one another, the cation reaching out its paw towards the little device. At the last second, the machine grasps its paw and the cation pulls it away, out of the clutches of the monsters!
<!-- Clickable Image -->
<img id="openModalButton" src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 6 copy.jpg" width="100%" style="cursor:pointer;" />
[[It's working!]]
</div>
<!-- Modal Structure -->
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; width:80%; max-width:600px; background:white;">
<span id="closeModal" style="position:absolute; top:10px; right:20px; cursor:pointer;">×</span>
<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/INLINE IMAGES/BOT PUZZLE/BOT PUZZLE 6 copy.jpg" width="100%">
</div>
</div>
<script>
// Function to show the modal
function showModal() {
document.getElementById("myModal").style.display = "block";
}
// Function to hide the modal
function hideModal() {
document.getElementById("myModal").style.display = "none";
}
// Event listeners for opening and closing the modal
document.getElementById("openModalButton").onclick = function() {
showModal();
};
document.getElementById("closeModal").onclick = function() {
hideModal();
};
// Optional: Close the modal if user clicks outside the modal content
window.onclick = function(event) {
var modal = document.getElementById("myModal");
if (event.target === modal) {
hideModal();
}
};
</script>You keep firing anions and cations into the advancing army, and occasionally rescuing the sorceress' little machines as they flee, but more and more monsters are swarming over the battlements. There are too many!
Suddenly, a pulse of energy goes through the castle, and two enormous metal poles wrapped in wires illuminate, one yellow, one blue.
With a whoosh, the monsters are thrown backwards and out of the castle.
The security system is back on!
Charge comes sprinting around the corner.
"We did it! I got it working, but I don't know how long it will hold! Come on, help me fix the main circuitry!"
[[Follow Charge back to the room with the anions!]]
</DIV>All your life, you've lived in a tiny village.
Curious about the world beyond, you wonder why no one has ever left.
You've heard the tales: of magical creatures and powerful sorceresses. But you've never seen them with your own eyes.
It might be dangerous out there.
[[Leave your village in search of adventure?->B]]After travelling for many days, you come across a strange sight: an enormous castle covered in gears and emitting puffs of steam.
Before you can even knock, the door is thrown open and a young inventor gives you a pained smile. The gears behind her grind, emitting a dense cloud of lemony smoke, and the castle leans unsettlingly to the right.
"Oh my gosh, I'm so glad someone came along!" she says, tugging her hat and grimacing up at the castle. "I'm the new apprentice to the Sorceress of Circuitry."
[[You nod. It's a very prestigious appointment.->You Encounter a Castle!]]
</DIV>
=|=
(text-style:"buoy")[<img src="https://raw.githubusercontent.com/Sarah282984/sorceress-of-circuits-assets/main/images/GERALDFLOAT.png" style="width:600px;">
]
=|=
(align:"=><=")+(box:"XXXX=")[[This concludes the demo,
we hope you liked it!
''You can find the full version
on my website''
(link:"''www.MathwithSarah.com''")[(open-url:"http://www.MathwithSarah.com")]
]
]You see a castle!
[[Approach the castle->Adventure!]](set: $name to (prompt: "What's your name? Charge asks.", "brave adventurer"))
"Nice to meet you, $name!" Charge says.
"Why are you called Charge?" you ask.
She laughs. "Oh, the sorceress calls me that because I'm always charging around. Also I'm the sorceress's charge now. Because she's in charge of me. And because current is made of charge. The sorceress likes when a name has multiple meanings."
"Very efficient!" you say.
[[Enter the Castle]]</div>
<style>
/* Default styling for all screens */
.custom-text {
position: absolute;
left: 0%;
top: 48vh;
}
/* Styling for screens with a min aspect ratio of 17:9 */
@media (min-aspect-ratio: 17/9) {
.custom-text {
position: absolute;
left: -6%; /* Change this value to your desired position */
top: 45vh; /* Change this value to your desired position */
}
}
/* Centered links for choices */
tw-link {
display: block;
text-align: center;
margin: 5px 0;
padding: 20px 60px; /* 20px top/bottom, 100px left/right */
background-color: #665456; /* Slightly visible background for choices */
border: none; /* Remove border for choices */
border-radius: 20px;
text-decoration: none; /* No underline */
color: white; /* White text color for choices */
font-size: 0.9em; /* Slightly smaller than passage text */
}
/* Hover effect for choices */
tw-link:hover {
background-color: #85979d; /* Slightly more visible background on hover */
color: white; /* Slightly darker text color on hover */
}
</style>
<div class="custom-text">
[[PLAY->Start]]
</div>A high-pitched whistling fills the air, and seconds later the castle quakes under an impact.
All the lights except for the cations go out.
[[Uh oh.]]<div class="text-box"></div>
<button class="tiny-button">
(link: "💾")[(save-game: "MySaveSlot")(alert: "Save successful!")] (link: "📂")[(alert:"Loading your saved game now...")(load-game: "MySaveSlot")]
</button>