<div style="text-align:center; font-family: 'Orbitron', sans-serif; color:#bfeeff; text-shadow: 0 0 12px #8ecae6; background: radial-gradient(circle, #02010a 0%, #0d1b2a 100%); padding: 3em; border-radius: 30px; box-shadow: 0 0 80px rgba(147, 245, 255, 0.6);"> <h1 style="font-size:3em; animation: glowPulse 2s infinite ease-in-out; margin-bottom: 0.5em; letter-spacing: 2px;">✨ BEYOND THE GALAXY'S LIGHT ✨</h1>
<h2 style="font-size:1.2em; margin-bottom: 1.5em;">When the Makers Vanished...</h2> <p style="font-size:1.1em; font-style:italic;"> <div style="text-align:center; font-size:1.4em; font-weight:bold; letter-spacing:2px; margin: 2em 0; animation: pulseWarn 2.5s infinite;"> <span style="display:block; color:#ff9ded; text-shadow: 0 0 10px #ffbdf2, 0 0 20px #ffa3eb;"> WARNING: ATMOSPHERIC ANOMALY DETECTED </span>
<span style="display:block; margin-top:0.5em; color:#ffd6fb; text-shadow: 0 0 12px #ffcaff, 0 0 18px #ffe8fd;"> WARNING: MYTHOLOGICAL SIGNATURES CONFIRMED </span></div><style>@keyframes pulseWarn {
0% { transform: scale(1); text-shadow: 0 0 6px #ff8edd, 0 0 14px #ffb3f6; }
50% { transform: scale(1.04); text-shadow: 0 0 16px #ffc8ff, 0 0 30px #ffe8fd; }
100% { transform: scale(1); text-shadow: 0 0 6px #ff8edd, 0 0 14px #ffb3f6; }
}</style> Lumina's stardust wings flickered with the ship's alarms.<br><strong>"Another one,"</strong> she whispered.</p> <div style="margin-top:2em;">
<span class="tw-link">[[Inspect Console->Console Inspection]]</span><br>
<span class="tw-link">[[Talk to Puck->Puck Dialogue 1]]</span><br>
<span class="tw-link">[[Approach Viewport->Viewport Scene]]</span>
[[FULL STORY]]
</div> <p style="margin-top:2em; font-size:0.9em; color:#8ecae6;">For readers 12+: contains fantasy violence, cosmic horror elements, and emotional intensity. © 2025</p>
</div><hr><div style="font-size:1.15em; color:#def9ff; background: rgba(10, 15, 30, 0.6); padding: 2em; border-radius: 20px; box-shadow: 0 0 25px #4fd1ff;">
<p>
Long ago, humanity dreamed of monsters...<br><br>
Not the kind that lurked in shadows, but the kind they crafted from <strong>Stardust</strong> and <strong>code</strong>. Dragons with human minds. Fairies woven from bioluminescence. Sasquatches with hearts of Gaia. They called it the <em>Mythical Renaissance</em> — the Golden Age where science and legend fused into something beautiful.
</p><p>And then, like all foolish creators, they lost control. The myths outgrew their mental cages. The dragon scorched the skies. The fairies whispered madness into satellites. The sasquatches replaced humans. By the time humanity realized their creations were no longer stories but predators, it was too late.
</p><p>Now, centuries after the fall, only echoes remain — ruins of the civilization that dared to play God, their bones picked clean by the very legends they birthed. Among the wreckage, two unlikely survivors searched for answers:
</p><ul>
<li><strong>Lumina Feythorne:</strong> A fairy forged in a lab rather than a nursery, her wings spun from dying Stardust and her veins flowing with stolen cosmic energy.</li>
<li><strong>Puck:</strong> A cybernetic fox splice born of raw code and defiance, his fur crackling with static and his loyalty as sharp as his claws.</li></ul>
<p>They were never meant to exist. But neither was the Hive — the all-consuming force that twisted myths into weapons, now hunting the last flickers of life across the stars.</p><p>
As Lumina and Puck unravel the truth behind humanity’s extinction, they uncover something worse: the Hive isn’t just killing survivors… it’s <em>rewriting</em> them. And Lumina may be its final masterpiece.
</p><p style="font-style:italic; text-align:center; font-size: 1.1em;">Welcome to the end of the world. Again.</p> [[FULL STORY]]
</div>
<div style="text-align:center; margin-top:2em;">
<span class="tw-link">[[🌌 Let's travel the stars together 🌌->Journey Start]</span>
</div><style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');
@keyframes glowPulse {
0% { text-shadow: 0 0 12px #6ec4ff, 0 0 20px #8ef1ff; transform: scale(1); }
50% { text-shadow: 0 0 20px #aaf5ff, 0 0 30px #d0fcff; transform: scale(1.03); }
100% { text-shadow: 0 0 12px #6ec4ff, 0 0 20px #8ef1ff; transform: scale(1); }
}
@keyframes sparkleMove {
0% { transform: translateY(0); }
50% { transform: translateY(-2px); }
100% { transform: translateY(0); }
}
.tw-link {
display:inline-block;
animation: glowPulse 3s infinite, sparkleMove 1.5s ease-in-out infinite;
color:#aefeff;
font-weight:bold;
font-size: 1.1em;
padding: 0.4em 1em;
border-radius: 12px;
background: linear-gradient(145deg, #112f4e, #233d5f);
box-shadow: 0 0 12px #4fc3f7;
text-shadow: 0 0 8px #6eeeff, 0 0 16px #a6faff;
cursor:pointer;
transition: all 0.3s ease-in-out;
}
.tw-link:hover {
color:#ffffff;
text-shadow: 0 0 12px #ffffff, 0 0 20px #99f0ff, 0 0 30px #b5ffff;
transform: scale(1.07);
background: linear-gradient(145deg, #1a3e5f, #325e7e);
}
</style>WARNING: NEON WARNINGS bathe the cockpit in red light. The readout shows:
- Atmospheric composition: 68% nightmare fuel
- Mythological residue: DRAGON CLASS
Puck's voice crackles from the ducts: "Told ya you wouldn't like it, Glowbug."
[[Check Life Signs->Life Signs Scan]]
[[Return to Main View->Orbit of the Forgotten]]Puck shakes off cables, his electric fur sparking. "Scans show the same fairy-dust residue as the last two worlds. Whatever killed them left crumbs."
Lumina's rainbow veins pulse. "Or a trail."
[[Ask About the Residue->Fairy Clues]]
[[Order Scan Deeper->Deep Scan]]The planet exhales iridescent gas. Stardust smears where Lumina touches the glass.
MEMORY TRIGGERED:
The Glass Forest - fairies frozen mid-scream, their wings shattered like stained glass.
[[Recall Memory->Glass Forest Flashback]]
[[Shake It Off->Orbit of the Forgotten]]LIFE SIGN DETECTED: 98.7% MYTHOLOGICAL MATCH
LOCATION: CRYSTAL SPIRE (DANGER ZONE)
Puck's ears flatten. "That signature... it's using fairy resonance as bait."
[[View Full Scan->Puck's Secret]]
[[Override Safeties->Dangerous Descent]] The planet hung in the void like a shattered jewel, violet lightning crackling across its atmosphere.
Puck's claws scorched the console. "The core's unstable. One wrong move and this whole rock goes supernova."
[[Scan Surface->Surface Scan]]
[[Argue With Puck->Puck Argument]]
[[Order Landing->Dangerous Descent]]Puck projects a hologram: "The residue forms a pattern. It's... spelling something?"
The glowing letters swirl:
**"BEWARE THE HIVE'S EMBRACE"**
[[Show Lumina->Shared Discovery]]
[[Keep Secret->Puck's Secret]]The ship shudders as scanners penetrate the storm.
SUDDEN ALERT:
>>UNKNOWN VESSEL DETECTED IN RUINS<<
>>LIFEFORM READING: 1 (FAINT)<<
[[Plot Course->Landing Sequence]]
[[Abort Mission->Orbit of the Forgotten]]MEMORY RECONSTRUCTION:
The fairies' frozen screams vibrate with Hive static. Their shattered wings form arrows pointing to...
[[Follow Arrows->Dangerous Descent]]
[[Look Upward->Shield Boost]]
[[Wake From Memory->Ship Status]]Lumina studies the hologram. "This matches the carvings we found on the dragon skull last week."
Puck's ears flatten. "You thinking what I'm thinking?"
[[Investigate Together->Landing Sequence]]
[[Split Up->Divide Team]]Puck projects a corrupted holo-file:
"Stored this from the Glass Forest wreckage. Watch."
The recording shows black tendrils SPEAKING through frozen fairies:
"Come home, Stardust."
[[Continue->Glass Forest Flashback]]
[[Delete File->Moral Dilemma]]welpThe scanner beeps - one faint life signal.
Vex's hologram pops up: "Ooooh, someone's still kicking! Should I prep the screaming death plunge protocol?"
[[Prepare for Landing->CHAPTER 2 Transition]]
[[Send Probe First->Probe Launch]]WARNING: HIVE SIGNATURE DETECTED
ENERGY SPIKES MATCH:
- GLASS FOREST INCIDENT
- DRAGON CRADLE COLLAPSE
Lumina's wings twitched. "There's something alive down there."
[[Focus Scan->Lifeform Detection]]
[[Check Systems->Ship Status]]"We should bail. Now." Puck's fur crackled. "We go down there, we're just adding our corpses to the pile."
A flicker of movement in the ruins. Something stirred.
[[Insist on Investigating->Shared Discovery]]
[[Consider Retreat->Moral Dilemma]]The Veilbond plummets through lightning. Alarms scream:
» HULL BREACH IMMINENT «
Vex cheerfully announces: "Chance of survival just hit 12%! New high score!"
[[Emergency Maneuvers->Crash Sequence]]
[[Divert Power->Shield Boost]] The ship skids across crystal shards. The ground hums, forming binary words:
01010111 01000101 01001100 01000011 01001111 01001101 01000101
(WELCOME HOME)
Your reflection in the shards moves independently, winking at you.
[[Approach Shard->Mirror Encounter]]
[[Stay With Ship->Hive Approach]]SHIELD: 43%
HIVE CONTAMINATION: 19%
FAIRY RESONANCE: ██████
Puck growls: "We're being rewritten in their system."
[[Return to Controls->Dangerous Descent]]
[[Scan Deeper->Truth Reveal]]Puck blocks the controls. "Last chance to bail. I won't stop you."
Lumina's stardust veins pulse:
[[Stay the Course->Dangerous Descent]]
[[Hesitate->Self-Destruct Route]]The Veilbond screams through atmosphere, black lightning lashing the hull.
"Shield integrity at 37%," chirps Vex. "But hey, if we explode—"
[[Pilot Through Storm->Crash Sequence]]
[[Divert Power->Shield Boost]]The reflection speaks: "You shouldn't have come back, Stardust."
MEMORY UNLOCKED:
The Glass Forest - fairies frozen with black tendrils pulsing in their throats.
[[Question Reflection->Truth Reveal]]
[[Smash Shard->Hive Attack]]CRITICAL IMPACT. The ship skids through singing crystals. Binary messages flash:
01001000 01000101 01001100 01010000
(HELP)
Your reflection winks from broken shards.
[[Approach->Hive Attack]]
[[Defensive Position->Truth Reveal]]Puck sniffs the air. "That's not ozone... it's breathing."
The crystals rearrange, forming a path downward.
[[Follow Path->Hive Core]]
[[Set Charges->Self-Destruct Route]]text
The ruins stretch like fossilized ribs. Glyphs pulse under Lumina's touch before crumbling.
Vex: "These glyphs match pre-human mythic script. Unless..."
Lumina: "Unless the myths returned to Earth."
[[Investigate Glyphs->Ancient Script]]
[[Examine Fairies->Feeding Ground]]
[[Check Ship Status->Vex's Distress]]The glyphs rearrange under Lumina’s stardust, forming:
- A star map of **the First World** (older than time)
- A single repeating symbol: **◙⍟⌖⎎** (the Hive’s true name)
- A warning in fairy tongue: *"She remembers your wings."*
**Puck’s claws unsheathe.** *"We’re not just trespassing. We’re* expected*."*
[[Follow the Star Map->Truth Reveal]]
[[Ignore It->Feeding Ground]] *(Loops back)*
Hundreds of fairies lie drained, wings fused to the ground. Their **frozen screams** point toward a central spire.
**Vex’s voice glitches:** *"Their stardust veins are empty. Sucked dry like juice boxes. Mmm, existential horror!"*
**Puck snarls:** *"This wasn’t a battle. It was a* buffet*."*
[[Approach the Spire->Shadow Sighting]]
[[Collect a Sample->Hive Contamination]] *(Optional detour)* The ruins stretch like fossilized ribs. Glyphs pulse under Lumina’s touch before crumbling to dust.
**Vex’s hologram flickers:**
*"Fun fact? These glyphs predate Earth. Which is impossible... unless the myths didn’t come from Earth. They* returned *to it."*
Puck’s fur crackles. **"This place is a wound."**
[[Decipher the Glyphs->Ancient Script]]
[[Inspect the Fairy Corpses->Feeding Ground]]
[[Assess the Ship’s Implosion->Vex’s Distress]] The *Veilbond* is gone—imploded into a singularity. **Vex’s hologram pixelates wildly:**
*"MY BODY! THAT WAS MY—*static*—LUMINA, I’M *DYING* AND I CAN’T EVEN *DIE* PROPERLY—*static*—*
**Puck:** *"Drama queen."*
[[Try to Reboot Vex->System Recovery]] *(Brief humor branch)*
[[Leave It->Shadow Sighting]] *(Forces convergence)* The spire’s shadow **moves**. Not a shape—a *void* that drinks light.
Binary melts across the crystals:
**01001101 01001111 01010100 01001000 01000101 01010010 00100000 01001001 01010011 00100000 01001000 01010101 01001110 01000111 01010010 01011001**
*(MOTHER IS HUNGRY)*
**Vex’s last whisper:** *"Run. Just* run*."*
[[Face the Shadow->Boss Encounter]]
[[Retreat->Crumbling World]] *(Escape sequence)* The fairy sample **writhes** in your palm.
**Vex’s analysis:**
*"Ohhhh no. It’s not dead—it’s* hibernating *in stolen stardust. Like a cosmic tapeworm!"*
**CHOICES:**
1. **Destroy it** (risks alerting the Hive)
2. **Study it** (reveals *"MOTHER’S"* location)
3. **Absorb it** (gain temporary Hive-sight but lose 20% stardust)
[[Absorb->Hive Vision]] *(Leads to Truth Reveal)*
[[Destroy->Crumbling World]] *(Triggers collapse)* You reboot Vex—mostly. His hologram now has:
- **Glitching wings**
- **Binary speech** (*"01001000 01000101 01001100 01010000"*)
- **New ‘personality’**: Terrified
**Puck:** *"Great. Now we’ve got a* haunted *AI."*
**Vex’s warning:**
*"The ship’s corpse is* talking *. It says... ‘THEY’RE COMING’."*
[[Decode Message->Truth Reveal]]
[[Flee->Crumbling World]]
A fairy hovers—**L-00**, her dragonfly wings dissolving into static. Hollow eyes lock onto Lumina.
**"You took too long, little spark."**
The shadows twist behind her into **Hive-shapes**:
- A dragon’s skull with too many eyes
- A tower of screaming fairy faces
- Your own reflection, mouth stitched shut
**EFFECTS:**
- Lumina’s stardust veins dim
- Vex’s hologram glitches: *"NOT A FAIRY—RUN—"*
- Puck is **silent** (unheard of)
[[Fight Back->Stardust Surge]] *(Flashback to Europa)*
[[Collapse->CHAPTER 4 Transition]] *(Forced fade to black)* The ground **splits** like rotten fruit. Vex shrieks coordinates:
*"JUMP TO COORDINATES 23.87—*static*—OR BECOME HIVE SNACK!"*
**OBSTACLES:**
1. **Falling crystals** (dodge with wings)
2. **Hive tendrils** lash like whips
3. Puck **gravely injured** (dragging him slows you)
[[Leap to Safety->CHAPTER 4 Transition]] *(Injured but alive)*
[[Turn Back->Boss Encounter]] *(Sacrifice play)* noLumina wakes in a **biomechanical Eden**:
- **Wings missing** (phantom pain)
- **Stardust drained** to embers
- **Puck/Vex absent**
**Queen Titania looms**, her wings a **shattered galaxy**.
*"The Hive will devour every last dream."*
**VINES OF CODE** creep up your legs, whispering:
- *"You were never real"*
- *"The Gene-Spires lied"*
- *"Mother made you"*
[[Defy Titania->Memory Dive]] *(Europa flashback)*
[[Submit->Hive Transformation]] *(Bad ending teaser)* <<set $codeSeen = true>>
You see the world as the Hive does—**binary overlays** revealing weak points:
```plaintext
TITANIA_PROTOCOL:
STATUS: CORRUPTED
WEAKNESS: STARDUST_OVERLOAD
THREAT: L-00_ACTIVATION <<set $hiveKnowledge += 1>>
<<set $stardust -= 10>> <!-- Cost to access memory -->
Lumina's veins pulse with stolen stardust as the glass forces her deeper into the Gene-Spires' secrets:
**1. THE NURSERY REVEAL**
- Pod L-00's label peels back to show: <span class="binary">"01010001 01010101 01000101 01000101 01001110 00100000 01010011 01010000 01000001 01010010 01001011"</span> (*"QUEEN SPARK"*).
- A **human hand** (gloved, surgical) reaches into the pod—*your earliest memory*.
**2. HIVE ORIGIN**
The glass shows the Hive's birth:
<<if $hiveKnowledge gte 3>>
<<include "HIVE_TRUTH">> <!-- Hidden lore if player explored earlier clues -->
<<else>>
- *"It wasn’t an invasion. It was an **awakening**."*
<</if>>
**Phantom Puck whispers:**
*"Glowbug, snap out of it! Your wings are—"*
<<if $stardust lte 20>>
[[FIGHT BACK->Stardust Surge]] *(Risk stardust overdose)*
<<else>>
[[FOCUS->Hive Vision]] *(See through Titania's lies)*
<</if>> <<set $hiveFragments += 1>>
<<set $bodyHumanity -= 25>>
The vines of code burrow deeper. Your **skin crystallizes** as Titania croons:
*"Little spark, you were **always** mine."*
**CHOICE:**
[[Let the Hive rewrite you->Hive Bad End]]
<<if $hiveFragments lte 2>>
[[Resist->Stardust Surge]] *(Requires 30+ stardust)*
<<else>>
<span class="glitch">[[ERROR]](Already too late...)</span>
<</if>> <<set $dragonGraveyard = false>>
<<set $cyrusBetrayal = true>>
The enslaved dragons turn in unison, their hollow eyes flashing crimson.
**PRINCE CYRUS** smirks through the static:
*"Did you really think the Gene-Spires created you to* save *anything?"*
**YOUR STARDUST FLARES** in three possible patterns:
1. <<if $stardust gte 50>>[[PURGE HIVE CHAINS->Dragon Rescue]] (Cost: 50 stardust)
2. [[DIVE INTO MEMORY->Cyrus Revelation]] (Risk: Hive corruption)
3. [[FLEE TO GRAVEYARD->CHAPTER 7]] (Forced if stardust < 20)
<<nobr>>
<<display "Hive_Presence_Animation">>
<</nobr>> This passage is an error try something else<<set $stardust -= 50>>
<<set $dragonsFreed += 1>>
You unleash a **stardust supernova**, severing the Hive's chains.
**RAZAEL'S EYE FLICKERS BLUE** for one glorious moment:
*"The Song... remember the Song of..."*
Then Cyrus **detonates the failsafe**. The dragons dissolve into screaming fractals.
[[CONTINUE TO GRAVEYARD->CHAPTER 7]] Cyrus did the reveal Go back 10 spaces<<if $dragonsFreed gte 1>>
<<set $razaelHostile = false>>
Razael whispers: *"Find the Song in the static..."*
<<else>>
<<set $razaelHostile = true>>
Razael roars: *"Another thief of fire!"*
<</if>>
**BONE VALLEY INTERACTIVES:**
1. [[Search wreckage for Titanium-9 arrows]]
<<if $hiveKnowledge gte 5>>
- *Secret Option*: [[Sing binary lullaby->Memory Dive]]
<</if>>
2. [[Climb signal tower->Hive Vision]]
3. [[Confront Razael directly->Boss Fight]] <<silently>>
<<set $foundArrows = random(1, 100)>>
<<if $hiveKnowledge gte 7>>
<<set $foundArrows += 30>> <!-- Lore bonus -->
<</if>>
<</silently>>
You dig through the Veil Bond's wreckage as Hive code pulses overhead.
<<if $foundArrows gte 75>>
**SUCCESS!**
- 3x [[Titanium-9 Arrows->True Ending Path]] glint in the ashes
- Vex's hologram crackles: *"01001000 01010101 01010010 01010010 01000001 01001000"* (HURRAH)
<<else>>
**FAILURE**
- Only broken shards remain
- Puck growls: *"We'll have to do this the hard way"*
[[Improvise with dragon bones->Bad End: Rejected]]
<</if>>
<<nobr>>
<<display "Countdown_Animation">>
<</nobr>> <<if $razaelHostile>>
RAZAEL'S JAWS SNAP SHUT as you barely roll away. His **Hive-corrupted fire** melts the ground.
<<if $hasTitaniumArrows>>
[[Fire arrow into his mechanical eye->True Ending Path]]
<<else>>
[[Improvised weapon: Dragon bone spear->Bad End: Rejected]]
<</if>>
<<else>>
Razael lowers his head: *"Break the towers... free the Song..."*
[[Sabotage nearest tower->Hive Collapse Sequence]]
<</if>> <<set $phoenixProtocol = true>>
<<set $endingType = "heroic">>
You nock a Titanium-9 arrow as phoenix fire engulfs your wings.
**RAZAEL'S LAST GIFT:**
*"Aim for the* third *tower... the Song is trapped there..."*
[[Fire arrow->Hive Collapse Sequence]] <<set $endingType = "hiveCorrupted">>
The dragon bone spear **fuses to your hands** as Hive code swarms up your arms.
**YOUR LAST THOUGHTS:**
- *"Puck's fur smells like ozone..."*
- *"I wish I'd heard the whole Song..."*
- *"At least the fire is pretty—"*
[[Your wings crystallize->Hive Bad End Finale]] <<if $phoenixProtocol>>
<!-- TRUE ENDING -->
<<playaudio "phoenix_scream" volume 0.7>>
Your arrow strikes true. The third tower **sings** as it collapses:
```
01010011 01001111 01001110 01000111 00100000 01001111 01000110 00100000
01000110 01000001 01001100 01001100 01001001 01001110 01000111 00100000
01010011 01010100 01000001 01010010 01010011
```
The enslaved dragons **remember their fire**.
[[Watch the rebirth->Credits Roll]]
<<else>>
<!-- FAILED ENDING -->
The towers collapse **wrong**, imploding into a black hole of static.
**PUCK'S FINAL TRANSMISSION:**
*"Glowbug? You still in th—"*
[[Null_Ending]]
<</if>> <<playaudio "stardust_lullaby" volume 0.8>>
<<set $hiveDestroyed = true>>
<<set $luminaWings = "dragonfire">>
<div class="songContainer">
<span class="binary">01010011 01010100 01000001 01010010 01000100 01010101 01010011 01010100 00100000 01001100 01010101 01001100 01001100 01000001 01000010 01011001</span>
<p>"Zeroes and ones like fireflies fall,<br>
Your hungry code begins to stall..."</p>
</div>
<<animation "pulseWings">>
Your wings pulse with each verse, rewriting reality:
<<if $phoenixProtocol>>
[[Watch the Hive unravel->True_Credits]]
<<else>>
[[The Song fractures->Null_Ending]]
<</if>> <<if $l00Seen gte 3>>
<div class="secretReveal">
<span class="binary">01001100 00101101 00110000 00110000 00100000 01010110 01001111 01001001 01000100 00100000 01010100 01010010 01000001 01001110 01010011 01001101 01001001 01010011 01010011 01001001 01001111 01001110</span>
<p>A hologram flickers: <strong>L-00's true form</strong>, her wings made of collapsing stars.</p>
<p><em>"You've only closed one eye, little spark. The other sees... deeper."</em></p>
</div>
[[Cosmic Sequel Teaser->Beyond The Galaxy]]
<</if>> <<stopaudio>>
<<playaudio "static_scream">>
<div class="errorScreen">
<span class="bigText">SYSTEM FAILURE</span>
<p>The Song fractures into <<print random(1000, 9999)>> corrupted iterations.</p>
<p>Your wings <<if $luminaWings == "dragonfire">>explode<<else>>crystallize<</if>> violently.</p>
<<include "Hive_Bad_End_Finale">>
</div> <<stopaudio>>
<<playaudio "rebirth_theme" loop>>
<div class="creditsScroll">
<h2>THE HIVE'S END</h2>
<p>Razael's roar shakes the valley as dragons take flight, their fire reignited.</p>
<h3>But beyond the stars...</h3>
<<if $l00Seen gte 3>>
<span class="glitchText">L-00's signal detected: <<include "Secret_Ending">></span>
<<else>>
<p>A single note trembles in the void...</p>
<</if>>
[[Restart Journey->New Game Plus]]
</div>
[[LOCKED: Complete True Ending First->CHAPTER 9]]
<<else>>
<div class="cosmicWarning">
<h2>⚠ COSMIC HORROR EXPANSION ⚠</h2>
<p><strong>Recommended for mature readers 14+</strong><br>
Contains existential themes, abstract peril, and divine obsession</p>
</div>
<div class="goldenArchitect">
<h3>BEYOND THE GALAXY'S LIGHT™: THE GOLDEN ARCHITECT</h3>
<p>The Marble Room awaits—where gods craft universes like glass orbs...</p>
<<nobr>>
<<link "Hear the Hollow King's whisper">>
<<playaudio "void_whisper">>
<<replace "#cosmicText">>
<span class="binary">01001001 00100000 01000001 01001101 00100000 01011001 01001111 01010101 01010010 00100000 01010010 01000101 01000110 01001100 01000101 01000011 01010100 01001001 01001111 01001110</span>
<em>"I AM YOUR REFLECTION"</em>
<</replace>>
<</link>>
<</nobr>>
<div id="cosmicText">
[[Step into the Marble Room->Golden_Architect_Start]]
</div>
<</if>> Not available yetTHIS IS THE NON INTERACTIVE SHORT STORY
FOR INTERACTION GO TO PREVIOUS SCREEN
<div style="font-family: 'Orbitron', sans-serif; color:#fff0fa; background: linear-gradient(to right, #0b001a, #1c0c2d); padding: 2em; border-radius: 20px; box-shadow: 0 0 40px #d898ff;"><h1 style="font-size: 2.5em; color:#f3a9ff; text-shadow: 0 0 8px #ffccff, 0 0 16px #ff7efb; animation: glowPulse 3s ease-in-out infinite; text-align:center; letter-spacing:2px;">✨ CHAPTER 1 ✨<br>ORBIT OF THE FORGOTTEN
</h1><pre style="color:#ffadee; font-family: monospace; text-align:center; margin-top:2em; font-size: 1em; letter-spacing: 3px;">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00110001 00100000 01001111 01010010 01000010 01001001 01010100
00100000 01001111 01000110 00100000 01010100 01001000 01000101 00100000 01000110 01001111 01010010 01000111 01001111 01010100 01010100 01000101 01001110 </pre>
<p style="margin-top:2em; font-size: 1.2em; line-height: 1.7em;">
The planet hung in the void like a shattered jewel, its atmosphere crackling with arcs of violet lightning. From the viewing port of the <strong>SS Veilbond</strong> (formerly <em>The Veil of Stars</em>), Lumina Feythorn watched as the storm world exhaled plumes of iridescent gas, the scent of ozone and burnt sugar seeping through the ship’s filters. </p> <p>It clung to the back of her throat, sickly sweet, like the aftermath of a dying star. Her stardust wings, delicate as spun nebula, flickered in sync with the ship’s pulsing alarms. Neon warnings splashed across the console, casting her face in jagged red light. </p> <p style="font-weight:bold; text-align:center; color:#ff96ef; text-shadow: 0 0 6px #ffbdf7; animation: sparkleMove 1.5s ease-in-out infinite;">
WARNING: ATMOSPHERIC ANOMALY DETECTED<br>
WARNING: MYTHOLOGICAL SIGNATURES CONFIRMED </p> <p>
Lumina’s reflection in the glass looked ghostly, her silvery pink eyes wide, her rainbow veins glowing faintly beneath her skin. She traced a finger along the viewport, leaving a smudge of stardust that shimmered briefly before fading.
</p> <p><strong>"Another one,"</strong> she whispered.</p> <p>
This was the third dead world they’d found this month. The third graveyard of myths left to rot. Behind her, the grating beneath the floor panels rattled. A pair of amber eyes gleamed in the darkness before <strong>Puck</strong> hauled himself out of the wiring ducts, his electric blue fur standing on end like he’d been struck by lightning.
</p> <p> His claws sharp as soldering irons clicked against the metal as he shook off a tangle of cables.
<br><strong>"You’re not gonna like this, Glowbug,"</strong> he growled. </p <p>
Lumina didn’t turn. She already knew what he was going to say.
<br><strong>"Let me guess, no survivors?"</strong> </p><p>
Puck’s tail lashed, sending sparks skittering across the floor.
</p>
</div>
[[NEXT]] Orbit of the Forgotten
<div class="cosmic-story">
<p style="color: #ff96ef;">"Worse. The planet's core is unstable. One wrong move, and this whole rock goes up like a supernova."</p>
<p>Lumina exhaled through her teeth. Of course it was. Every ruin they'd found so far had been rigged to self-destruct, another cruel joke from whoever had wiped out the myths and the makers.</p><p>She leaned forward, squinting at the storm-choked surface.</p><p class="glow-pulse" style="color: #6ec4ff; text-align: center;">"There's something down there."</p><p style="color: #ffd28a;">"Yeah, and it's called certain death."</p> <p>Puck vaulted onto the console, his claws leaving tiny scorch marks on the metal.</p><p>"Look at those energy spikes. That's not natural weather, it's a trap. Like the last two planets."</p><p style="color: #ffd28a;">"But the readings are a Hive signature."</p> <p>His ears flattened.</p><p style="color: #ffd28a; font-weight: bold; animation: glowPulse 3s infinite;">"We should bail. Now."</p>
<p>Lumina's wings twitched, casting fractured light across the controls.</p>
<p style="color: #6ec4ff;">"We can't keep running, Puck. If there's even a chance something survived—"</p><p style="color: #ffd28a;">"Then it's probably the thing that killed everything else."</p> <p>He jabbed a claw at the scanner.</p>
<p style="color: #ffd28a;">"See that? The atmospheric decay matches the Glass Forest. The Dragon Cradle. Same pattern. Same stench. We go down there, we're just adding our corpses to the pile."</p><p class="glow-pulse" style="color: #ff9ef7; text-align: center; margin: 1em 0;">A flicker of movement.</p>
<p>Lumina's breath hitched. Deep in the ruins, between the twisted reflections of the glass spires, something stirred. Something alive.</p><p>Puck's fur crackled.</p>
<p style="color: #ffd28a;">"Tell me I'm imagining that."</p>
<p style="color: #6ec4ff;">"You're not."</p><p>The Veilbond's AI, Vex, chose that moment to flicker to life above the dashboard.</p><p style="color: #d4ff8a; font-style: italic; animation: sparkleMove 1.5s infinite;">"Ooooh, someone's still kicking down there! How fun. Should I prep the screaming death plunge protocol?"</p>
<p style="color: #ffd28a;">"We're leaving, Lumina."</p>
<p>She was already strapping into the pilot's harness.</p> <p style="color: #6ec4ff;">"Scan for life signs again."</p><p style="color: #ffd28a;">"You're impossible."</p> <p>He hissed, but his claws danced across the console, pulling up a fresh overlay. The screen fizzed, then resolved into a single, blinking pulse.</p>
<p style="color: #ffd28a;">"One signature. Weak. Fading."</p>
<p>His voice dropped.</p> <p style="color: #ffd28a;">"If we're doing this, we get in, grab it, and go. No heroics."</p><p style="color: #6ec4ff;">"Since when do I do heroics?"</p><p style="color: #ffd28a;">"Since always."</p>
<p>The Veilbond shuddered as she angled the ship toward the planet's bleeding horizon. The storms roared to meet them, violet lightning lashing at the hull like claws.</p><p class="glow-pulse" style="text-align: center; margin: 2em 0; font-size: 1.2em; animation: glowPulse 3s infinite;">Somewhere below, the ruins waited.<br>
And something in the dark waited with them.</p>
</div>
[[NEXTT]] The Hive's Embrace
<div class="hive-chapter" style="background: linear-gradient(to bottom, #110022, #1a0033); border-left: 3px solid #8a2be2; padding: 2em; position: relative; overflow: hidden;"><!-- Binary Header with Hive Corruption Effect -->
<div class="binary-corruption" style="font-family: monospace; color: #ff00ff; text-align: center; letter-spacing: 3px; line-height: 1.5; margin-bottom: 2em; text-shadow: 0 0 5px #ff00ff, 0 0 15px #ff00ff; filter: drop-shadow(0 0 2px #000);">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00110010 00100000 01010100 01001000 01000101 00100000 01001000 01001001 01010110 01000101 00100111 01010011 00100000 01000101 01001101 01000010 01010010 01000001 01000011 01000101
</div><h2 style="color: #e6b3ff; text-align: center; font-size: 2em; margin-bottom: 1.5em; text-shadow: 0 0 10px #cc66ff, 0 0 20px #cc66ff; animation: hivePulse 3s infinite;">CHAPTER 2<br>THE HIVE'S EMBRACE</h2>
<p>The Veilbond screamed as it tore through the planet's atmosphere, its hull groaning under the weight of the Hive's corruption. Jagged arcs of black lightning licked at the shields, each strike sending spiderwebs of static across the viewport.</p>
<p>Lumina clenched the controls, her knuckles turning translucent as her stardust veins flared - a bioluminescent roadmap of fear and defiance burning beneath her skin. The ship bucked like a wild thing, tossing tools and loose wires into the air.</p>
<p style="color: #00ffcc; font-style: italic; border-left: 2px solid #00ffcc; padding-left: 1em;">"Shield integrity at 37%," chirped a voice from the ceiling. "But hey, look on the bright side! If we explode, you'll finally get that fiery death achievement you've been ignoring."</p><p style="color: #6ec4ff; font-weight: bold;">Lumina gritted her teeth. "Not now, Vex."</p><p style="color: #00ffcc; font-style: italic;">"Oh, come on. You love my pep talks. Remember Tau-9? 'Abandon ship, you idiots!'? Good times. Oh, and you can't forget Mostice-5."</p><p>Puck snarled as he bit through a fried circuit, his fur bristling with static.</p><p style="color: #ffd28a; text-shadow: 0 0 5px #ff9900;">"I swear to the Void, if you don't shut up—"</p><p style="color: #00ffcc; font-style: italic; text-shadow: 0 0 5px #00cc99;">"Ooooh, testy! Someone forgot to take their perky Puck pills this morning."</p><p>Lumina ignored them both. The ship hit a turbulence pocket, and the viewport filled with swirling black tendrils—not clouds, but something alive, writhing against the glass. The Hive.</p><p>She'd seen it before, in the ruins of the Dragon Cradle, where it had pulsed through the bones of the last great wyrm like a parasite.</p><p style="background: rgba(138, 43, 226, 0.1); padding: 1em; border-left: 3px solid #8a2be2; font-style: italic;">The atmosphere triggered a memory that hit her like a shard to the ribs—The Glass Forest, its towering spires glinting under a dead sun. Thousands of fairies frozen mid-flight, their wings fused to the ground like stained glass. Their mouths hung open in silent screams, but the sound that poured out wasn't...</p>
<style>
@keyframes hivePulse {
0% { text-shadow: 0 0 5px #cc66ff, 0 0 10px #cc66ff; }
50% { text-shadow: 0 0 15px #cc66ff, 0 0 30px #cc66ff, 0 0 45px #ff00ff; }
100% { text-shadow: 0 0 5px #cc66ff, 0 0 10px #cc66ff; }
}
.hive-chapter::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 30%, rgba(255, 0, 255, 0.05) 0%, transparent 20%),
radial-gradient(circle at 80% 70%, rgba(139, 0, 139, 0.05) 0%, transparent 20%);
pointer-events: none;
z-index: -1;
}
.binary-corruption {
position: relative;
}
.binary-corruption::after {
content: "✝ ✢ ⚢ ⚠ ⚡";
position: absolute;
bottom: -15px;
left: 0;
right: 0;
color: rgba(255, 0, 255, 0.3);
font-size: 0.8em;
letter-spacing: 5px;
text-align: center;
}
</style>
</div>
[[CONTINUE]]<div class="cosmic-chapter" style="background: radial-gradient(ellipse at center, #000428 0%, #0b0b3b 30%, #1a0033 70%); border-left: 3px solid #6a0dad; padding: 2em; position: relative; overflow: hidden;">
<!-- Cosmic Binary Header with Nebula Effect -->
<div class="cosmic-corruption" style="font-family: 'Courier New', monospace; color: #9d72ff; text-align: center; letter-spacing: 4px; line-height: 1.6; margin-bottom: 2em; text-shadow: 0 0 8px #b388ff, 0 0 16px #7e57c2; position: relative; animation: cosmicFlicker 4s infinite alternate;">
01100011 01101111 01110011 01101101 01101001 01100011 00100000 01101000 01101111 01110010 01110010 01101111 01110010
</div>
<h2 style="color: #c8a2ff; text-align: center; font-size: 2.2em; margin-bottom: 1.5em; text-shadow: 0 0 12px #ba9bff, 0 0 24px #9c64ff; animation: cosmicPulse 4s infinite; font-weight: 300; letter-spacing: 2px;">COSMIC HORROR<br>THE HIVE'S WHISPER</h2>
<p>The Veilbond screamed through the dying atmosphere in a corona of violet fire, its hull singing with the friction of a thousand dying stars. Outside the viewport, the black tendrils weren't just writhing - they were <em>dancing</em>, moving in perfect synchronization to some cosmic rhythm only they could hear.</p>
<p>Lumina's hands trembled on the controls as constellations of warning lights exploded across the console. Her stardust veins pulsed in time with the dying heartbeat of the ship's engines, casting shifting nebula patterns across her translucent skin.</p>
<p style="color: #00ffcc; font-style: italic; border-left: 2px solid #00ffcc; padding-left: 1em; text-shadow: 0 0 5px #00cc99, 0 0 2px rgba(0,255,204,0.3);">"Shield integrity at 37%," chirped Vex, his voice crackling with interference. "But statistically speaking, we're 89% more likely to become a pretty light show than actually explode! Silver linings?"</p><p style="color: #6ec4ff; font-weight: bold; text-shadow: 0 0 5px rgba(110,196,255,0.7);">Lumina watched as the tendrils outside began forming intricate mandala patterns. "Those aren't clouds," she whispered. "They're singing."</p>
<div class="memory-flash" style="background: rgba(106, 13, 173, 0.1); padding: 1.5em; margin: 1.5em 0; border-left: 3px solid #9c64ff; position: relative; overflow: hidden;">
<p style="font-style: italic; margin: 0; position: relative; z-index: 2;">The memory struck with the force of a supernova - The Glass Forest stretched before her, its crystalline spires refracting the light of a collapsed star. Thousands of fairy wings suspended in impossible geometries, their final moments frozen in quantum stasis. The sound that poured from their open mouths wasn't screams but <em>static</em> - a corrupted lullaby woven through with the same black harmonies now clawing at their ship.</p>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 70% 30%, rgba(156, 100, 255, 0.05) 0%, transparent 70%); z-index: 1;"></div></div><p>The Veilbond hit the ground in a cataclysm of singing crystal, skidding across a valley of shattered prisms. Lumina's wings flared with the light of a dying star as she slammed against the harness. Outside, the debris field glittered with impossible colors - ultraviolet and infrared made visible - each fragment reflecting not just her face, but <em>versions</em> of her face from parallel timelines.</p>
<p>Then the universe exhaled.</p>
<p>A deep, resonant vibration thrummed through the quantum fabric of the planet, making every atom in Lumina's body sing in dissonant harmony. The crystal shards at their feet began arranging themselves into perfect fractal patterns, their glow forming words in the ancient binary of dead civilizations:</p>
<div class="cosmic-binary" style="background: rgba(25, 0, 51, 0.5); padding: 1em; margin: 1.5em 0; text-align: center; font-family: monospace; color: #b388ff; letter-spacing: 3px; border: 1px solid #7e57c2; border-radius: 0; position: relative;">
01010111 01000101 01001100 01000011 01001111 01001101 01000101 00100000 01001000 01001111 01001101 01000101<br>
<span style="color: #c8a2ff; letter-spacing: normal;">(WELCOME HOME)</span>
<div style="position: absolute; bottom: -8px; right: 20px; color: #7e57c2; font-size: 0.8em;">✧ ⋄ ✺ ✧</div></div>
<p style="color: #ffd28a; text-shadow: 0 0 8px #ff9900, 0 0 4px rgba(255, 210, 138, 0.5);">Puck's fur stood on end, charged with cosmic static. "Oh, that's not creepy at all. That's just a completely normal welcome mat from our friendly neighborhood eldritch horror."</p>
<p>Lumina barely heard him. In the nearest shard, her reflection had developed a third eye that blinked slowly before the entire image winked out of existence like a dying star.</p><p style="color: #00ffcc; font-style: italic; border-left: 2px solid #00ffcc; padding-left: 1em; text-shadow: 0 0 5px #00cc99;">Vex's hologram flickered through several disturbing configurations before settling on his usual form. "Okay, new plan: we scream. We run. We never speak of this again. In that order."</p>
<p>Silence descended - not the absence of sound, but the silence between heartbeats when the universe holds its breath. The air tasted like ionized stardust and something far older, something that remembered the heat death of previous universes.</p>
<p>Then - the whisper. Not through air, but through the quantum foam itself, vibrating the strings that made up Lumina's very being:</p>
<div class="cosmic-whisper" style="text-align: center; margin: 2em 0; font-style: italic; color: #c8a2ff; font-size: 1.2em; text-shadow: 0 0 10px #9c64ff; letter-spacing: 1px;">
"Little spark between galaxies..."</div>
<p>The binary on the crystals liquefied and reformed, the new message pulsing with sickly light:</p>
<div class="cosmic-binary" style="background: rgba(25, 0, 51, 0.5); padding: 1em; margin: 1.5em 0; text-align: center; font-family: monospace; color: #ff6e6e; letter-spacing: 3px; border: 1px solid #c62828; border-radius: 0; position: relative;">
01001101 01001111 01010100 01001000 01000101 01010010 00100000 01001001 01010011 00100000 01001000 01010101 01001110 01000111 01010010 01011001<br>
<span style="color: #ff9e9e; letter-spacing: normal;">(MOTHER IS HUNGRY)</span>
<div style="position: absolute; bottom: -8px; right: 20px; color: #c62828; font-size: 0.8em;">✢ ⚠ ⚡ ☠</div></div>
<p>A patch of darkness deeper than the void between galaxies moved through the wreckage. Not just absence of light, but something that <em>consumed</em> the very concept of illumination. The crystals near it didn't just warp - they <em>remembered</em> being something else, their molecular structure singing in pain as reality rewrote itself around the intruder.</p>
<p>Lumina's stardust veins dimmed as if the universe itself had taken a breath and forgotten to exhale. Vex's hologram fragmented into screaming fractal patterns before collapsing into a single, pulsing dot of terrified light.</p>
<p style="color: #00ffcc; font-style: italic; border-left: 2px solid #00ffcc; padding-left: 1em; text-shadow: 0 0 5px #00cc99; animation: glitch 1s infinite alternate;">"That's... that's not in my programming. That's not in ANYONE'S programming. That's the universe cheating."</p>
<p>The shadow stepped forward.</p>
<p>And all the stars went out at once.</p>
<style>
@keyframes cosmicPulse {
0% { text-shadow: 0 0 8px #ba9bff, 0 0 16px #9c64ff; }
50% { text-shadow: 0 0 16px #ba9bff, 0 0 32px #9c64ff, 0 0 48px #6a0dad; }
100% { text-shadow: 0 0 8px #ba9bff, 0 0 16px #9c64ff; }
}
@keyframes cosmicFlicker {
0% { opacity: 0.8; text-shadow: 0 0 5px #b388ff; }
20% { opacity: 1; text-shadow: 0 0 10px #b388ff, 0 0 20px #7e57c2; }
40% { opacity: 0.7; }
60% { opacity: 1; text-shadow: 0 0 15px #b388ff; }
100% { opacity: 0.9; text-shadow: 0 0 8px #b388ff, 0 0 16px #7e57c2; }
}
@keyframes glitch {
0% { transform: translate(0); }
20% { transform: translate(-2px, 2px); }
40% { transform: translate(2px, -1px); }
60% { transform: translate(-1px, 1px); }
80% { transform: translate(1px, -2px); }
100% { transform: translate(0); }
}
.cosmic-chapter::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 30%, rgba(156, 100, 255, 0.03) 0%, transparent 25%),
radial-gradient(circle at 80% 70%, rgba(124, 77, 255, 0.03) 0%, transparent 25%),
linear-gradient(to bottom, transparent 95%, rgba(198, 40, 40, 0.05) 100%);
pointer-events: none;
z-index: 0;
animation: nebulaPulse 20s infinite alternate;
}
.cosmic-chapter::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="1" height="1" x="20" y="20" fill="%239c64ff" opacity="0.1"/><rect width="1" height="1" x="50" y="50" fill="%239c64ff" opacity="0.1"/><rect width="1" height="1" x="80" y="30" fill="%239c64ff" opacity="0.1"/></svg>');
pointer-events: none;
z-index: 0;
opacity: 0.3;
}
@keyframes nebulaPulse {
0% { opacity: 0.3; }
50% { opacity: 0.5; }
100% { opacity: 0.3; }
}
.memory-flash::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 1px solid rgba(156, 100, 255, 0.3);
border-radius: 3px;
z-index: 1;
pointer-events: none;
}
.cosmic-whisper::before {
content: "✧";
margin-right: 10px;
opacity: 0.7;
}
.cosmic-whisper::after {
content: "✧";
margin-left: 10px;
opacity: 0.7;
}
</style>
</div>
[[OK]] [[game error try this]]<div class="eldritch-chapter" style="background: radial-gradient(ellipse at top, #0f0524 0%, #1a0433 50%, #000 100%); border-left: 4px solid #a45de2; padding: 2.5em; position: relative; overflow: hidden; font-family: 'Segoe UI', system-ui, sans-serif;">
<!-- Fractal Binary Header -->
<div class="fractal-corruption" style="font-family: 'Courier New', monospace; color: #d6a8ff; text-align: center; letter-spacing: 5px; line-height: 1.8; margin-bottom: 2.5em; text-shadow: 0 0 12px #be7dff; position: relative; animation: fractalFlicker 7s infinite;">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00110011 00100000 01010100 01001000 01000101 00100000 01000110 01001001 01010010 01010011 01010100 00100000 01010111 01001111 01010010 01001100 01000100 </div>
<h2 style="color: #e9c6ff; text-align: center; font-size: 2.4em; margin-bottom: 1.8em; text-shadow: 0 0 15px #d28eff, 0 0 30px #b44dff; font-weight: 300; letter-spacing: 3px; position: relative;"><span style="display: block; font-size: 0.6em; letter-spacing: 8px; margin-bottom: 0.5em; color: #c98aff;">CHAPTER 3</span>
THE FIRST WORLD</h2>
<div class="chapter-content" style="position: relative; z-index: 2;">
<p>The ruins stretched before them like the fossilized ribs of some long-dead god. Lumina stepped forward, her boots crunching on crystalline debris that glittered with an unnatural sheen, not glass, not ice, but something older.</p>
<p style="color: #b8d0ff; font-style: italic; border-left: 2px solid #a45de2; padding-left: 1.2em; margin-left: -1.5em;">"These ruins predate Earth," she murmured, running her fingers along a crumbling archway. The stone was etched with spiraling glyphs that pulsed faintly under her touch before disintegrating into dust.</p>
<p>Vex's hologram flickered to life beside her, its usual smirk absent.</p>
<p style="color: #6effe8; border-left: 2px solid #6effe8; padding-left: 1.2em; margin-left: -1.5em; font-style: italic;">"Uh. Fun fact? These glyphs match pre-human mythic script. Which is also impossible, unless..."</p>
<p style="color: #b8d0ff; font-weight: bold;">Lumina cuts him off. "Unless the myths didn't come from Earth," her stomach twisting. "They returned to it."</p>
<p>Then she saw them.</p>
<p style="letter-spacing: 0.5px; font-size: 1.1em;">Bodies.</p>
<p>Not the hulking remains of Sasquatches or the skeletal wingspans of dragons, but fairies, hundreds of them. They lay strewn across the valley floor, their once-vibrant wings fused to the ground in grotesque displays, like insects trapped in amber. Their faces were frozen in silent screams, mouths stretched wide as if caught mid-wail. Lumina knelt beside one, her breath catching as she saw the telltale signs, their stardust veins normally glowing with cosmic energy were empty, siphoned dry down to the last shimmering drop.</p>
<p style="color: #ffd75e; text-shadow: 0 0 8px rgba(255, 215, 94, 0.5);">Puck's electric fur crackled. "This isn't a graveyard," he growled, his claws unsheathing with a shink of metal. "It's a feeding ground."</p>
<p>A sound like shattering glass ricocheted through the valley, sharp enough to make Lumina's wings flare in alarm. She whirled around just in time to see the Veilbond, their only way off this cursed world collapse in on itself, crumpling into a crater swallowing the ship whole.</p>
<p style="color: #6effe8; font-style: italic; text-shadow: 0 0 8px rgba(110, 255, 232, 0.3); animation: glitch 1.5s infinite;">"Nononono MY BODY LUMINA, THAT WAS MY BODY!"</p><p>And where it had once stood...</p>
<p style="font-size: 1.2em; color: #ff9cf8; text-shadow: 0 0 12px rgba(255, 156, 248, 0.7); letter-spacing: 1px; margin: 1.5em 0;">A fairy. It was L-00...</p>
<p>With bare feet hovering inches above the glass littered ground. Dragonfly wings made of flickering static extended from her back, their translucent edges dissolving into pixels. Her eyes were hollow pits of black and silver, but her smile was knowing. Her pink hue radiating translucent light.</p>
<p style="color: #ff9cf8; font-style: italic; text-align: center; font-size: 1.1em; margin: 2em 0; padding: 1em; border-top: 1px solid #ff9cf8; border-bottom: 1px solid #ff9cf8;">"You took too long, little spark," L-00 whispered, her voice layered with a thousand echoing tones. Behind her, the shadows of the ruins twisted, forming shapes too terrible to comprehend.</p>
<p style="text-align: center; font-weight: bold; color: #ff6e6e; font-size: 1.3em; margin: 2em 0;">"The Hive got hungry."</p>
<p>Lumina begins to feel weak instantaneously then everything fades to black...</p>
</div> [[NEXXT]] [[NEXXT]] [[DONT WORK TRY THIS]] [[problem]]
<!-- Background Elements -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at 20% 30%, rgba(164, 93, 226, 0.03) 0%, transparent 25%),
radial-gradient(circle at 80% 70%, rgba(180, 77, 255, 0.03) 0%, transparent 25%);
pointer-events: none; z-index: 1;"></div>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:
url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"%23a45de2\" opacity=\"0.3\"/><circle cx=\"50\" cy=\"50\" r=\"0.7\" fill=\"%23b44dff\" opacity=\"0.2\"/><circle cx=\"80\" cy=\"30\" r=\"0.4\" fill=\"%23d28eff\" opacity=\"0.3\"/></svg>');
pointer-events: none; z-index: 1;"></div>
<style>
@keyframes fractalFlicker {
0% { opacity: 0.9; text-shadow: 0 0 10px #d6a8ff; }
30% { opacity: 1; text-shadow: 0 0 15px #d6a8ff, 0 0 25px #be7dff; }
50% { opacity: 0.8; }
70% { opacity: 1; text-shadow: 0 0 20px #d6a8ff; }
100% { opacity: 0.9; text-shadow: 0 0 10px #d6a8ff; }
}
@keyframes glitch {
0% { transform: translate(0); opacity: 1; }
20% { transform: translate(-3px, 3px); opacity: 0.8; }
40% { transform: translate(3px, -2px); opacity: 0.9; }
60% { transform: translate(-2px, 2px); opacity: 0.7; }
80% { transform: translate(2px, -3px); opacity: 0.9; }
100% { transform: translate(0); opacity: 1; }
}
.fractal-corruption::after {
content: "CHAPTER 3 THE FIRST WORLD";
display: block;
font-size: 0.7em;
letter-spacing: normal;
color: #c98aff;
margin-top: 0.5em;
text-shadow: none;
}
.eldritch-chapter::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 1px solid rgba(164, 93, 226, 0.1);
pointer-events: none;
z-index: 0;
}
p {
position: relative;
z-index: 2;
line-height: 1.7;
}
</style>
</div><div class="matrix-chapter" style="background-color: #000000; background-image: radial-gradient(circle at center, #001a00 0%, #000000 70%); border-left: 4px solid #00ff41; padding: 2em; position: relative; overflow: hidden; font-family: 'Courier New', monospace; color: #00ff41;">
<!-- Matrix Binary Rain Effect -->
<div class="binary-rain" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.15; background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><text x=\"10\" y=\"15\" font-family=\"monospace\" font-size=\"10\" fill=\"%2300ff41\">1</text><text x=\"30\" y=\"35\" font-family=\"monospace\" font-size=\"10\" fill=\"%2300ff41\">0</text><text x=\"50\" y=\"55\" font-family=\"monospace\" font-size=\"10\" fill=\"%2300ff41\">1</text><text x=\"70\" y=\"75\" font-family=\"monospace\" font-size=\"10\" fill=\"%2300ff41\">0</text><text x=\"90\" y=\"95\" font-family=\"monospace\" font-size=\"10\" fill=\"%2300ff41\">1</text></svg>');"></div>
<!-- Chapter Header -->
<div class="matrix-header" style="text-align: center; margin-bottom: 3em; position: relative; z-index: 2;">
<div class="binary-title" style="font-size: 1.2em; letter-spacing: 3px; line-height: 1.8; color: #00ff41; text-shadow: 0 0 5px #00ff41; margin-bottom: 0.5em;">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00110100 00100000 01010100 01001000 01000101 00100000 01000011 01001111 01010011 01001101 01001001 01000011 00100000 01000111 01000001 01010010 01000100 01000101 01001110
</div>
<h2 style="color: #00ff41; font-size: 2.5em; margin: 0; text-shadow: 0 0 10px #00ff41; letter-spacing: 4px; font-weight: normal;">
CHAPTER 4<br>
<span style="font-size: 0.8em;">THE COSMIC GARDEN</span>
</h2>
</div>
<div class="content-wrapper" style="position: relative; z-index: 2; line-height: 1.7;">
<p>Consciousness returned to Lumina in slow, disorienting waves. Her eyelids fluttered open to reveal a sky choked with dying stars, their light flickering erratically like failing streetlamps, casting the world below in a sickly silver glow. She lay sprawled on ground that gave slightly beneath her, cool and yielding like moss, yet when she lifted her fingers, they came away dusted with iridescent pollen that shimmered before dissolving into the air.</p>
<p>The scent of ozone filled her lungs, so thick she could taste it, the metallic sharpness of a storm about to break, undercut by the earthy sweetness of rain-soaked soil. Lumina pushed herself up on trembling arms, her head swimming.</p>
<p style="color: #00ff9d; font-weight: bold; margin-left: 1em; border-left: 2px solid #00ff9d; padding-left: 1em;">Something was wrong.</p>
<p>Her wings, her beautiful, stardust lined wings were gone. The absence ached like a phantom limb. She reached for the familiar hum of her veins, the cosmic energy that had flowed through her since her creation in the Gene-Spires of Europa, where human scientists had once woven myths from stardust and spliced genomes. But now, she found only emptiness. Her once vibrant stardust had dulled to a faint, ghostly glow beneath her skin, like the last embers of a dying star.</p>
<p style="color: #ff9e00; font-style: italic; margin-left: 2em;">"Puck?"</p>
<p>Her voice echoed strangely in the vast space, swallowed by the garden before it could travel far. No answering snark, no static-laced growl. Only silence.</p>
<p>The garden stretched endlessly in every direction, a surreal tapestry of bioluminescent flora. Towering flowers with translucent petals pulsed like slow-beating hearts, their veins carrying liquid light. Trees twisted into impossible spirals, their bark etched with glowing runes that shifted when she blinked, the language of the First Myths, the ones humanity had foolishly resurrected before they were devoured by their own creations.</p>
<p>Beneath her, the ground itself seemed to breathe, warm one moment, cool the next.</p>
<p style="color: #00ff9d; font-weight: bold; margin-left: 1em; border-left: 2px solid #00ff9d; padding-left: 1em;">Then she felt it, the slow, deliberate curl of something around her ankle.</p>
<p>Lumina looked down to see vines of liquid code slithering up her legs, their surface rippling with cascading symbols. They were cold, a deep, marrow chilling cold that seeped through her skin and made her teeth chatter.</p>
<p style="color: #ff5555; font-size: 1.2em; text-align: center; margin: 2em 0; letter-spacing: 1px; text-shadow: 0 0 5px #ff0000;">"You're not supposed to be here."</p>
<p>The voice came from everywhere, vibrating through the air, the ground, the stars themselves. Lumina whipped around, her pulse roaring in her ears And there she stood.</p>
<p style="color: #ffaa00; font-weight: bold; text-align: center; font-size: 1.3em; margin: 1.5em 0;">Queen Titania.</p>
<p>Her presence was overwhelming, not just in size but in substance, as if the universe had folded itself around her to make space. Her wings, oh, her wings were a living constellation, each fragment a shard of a shattered planet, suspended in a delicate dance of gravity and memory. They cast prismatic shadows that told stories of dead worlds and forgotten myths.</p>
<p>Her eyes, ancient and infinitely weary, locked onto Lumina's. Her body resembling something of a dragon and a bee fusion.</p>
<p style="color: #ff5555; font-style: italic; text-align: center; border-top: 1px solid #ff5555; border-bottom: 1px solid #ff5555; padding: 1em; margin: 2em 0; font-size: 1.1em;">"The Hive is older than the stars, little one," Titania whispered, and the garden trembled at the sound. The dying stars above dimmed, as if in mourning.</p>
<p style="text-align: center; color: #ff0000; font-size: 1.3em; font-weight: bold; margin: 2em 0; text-shadow: 0 0 8px #ff0000;">"And it will not stop..."</p>
<p>She reached out, her fingers hovering just above Lumina's chest, where her stardust had once burned brightest.</p> [[GOO]]
<p style="color: #ff5555; font-size: 1.2em; text-align: center; margin: 2em 0; letter-spacing: 1px; text-shadow: 0 0 5px #ff0000;">"...until it has devoured every last dream."</p>
</div>
<style>
@keyframes flicker {
0% { opacity: 0.8; }
50% { opacity: 1; }
100% { opacity: 0.8; }
}
.matrix-chapter {
animation: flicker 5s infinite;
}
.binary-rain {
animation: scroll 100s linear infinite;
}
@keyframes scroll {
0% { background-position: 0 0; }
100% { background-position: 0 100%; }
}
.content-wrapper p {
margin-bottom: 1.5em;
position: relative;
z-index: 2;
}
.matrix-header h2 {
position: relative;
display: inline-block;
}
.matrix-header h2::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: #00ff41;
box-shadow: 0 0 10px #00ff41;
}
</style>
</div>div style="font-family: 'Courier Prime', monospace; background: #0a0a12; color: #e0e0ff; padding: 2em; border-left: 3px solid #ff00c1; position: relative; overflow: hidden;">
<!-- Binary Rain Overlay -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 0; opacity: 0.15; background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"16\" viewBox=\"0 0 8 16\"><text x=\"0\" y=\"12\" fill=\"%23ff00c1\" font-family=\"monospace\" font-size=\"10\">01</text></svg>');"></div>
<!-- Chapter Header Glitch Effect -->
<div style="text-align: center; margin-bottom: 3em; position: relative;">
<h2 style="color: #00f7ff; font-size: 1.8em; text-transform: uppercase; letter-spacing: 3px; margin: 0; text-shadow: 0 0 10px #00f7ff80;">
<span style="position: relative;">
CHAPTER 5
<span style="position: absolute; left: 0; top: 0; color: #ff00c1; clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%); animation: glitch 2s infinite linear;">CHAPTER 5</span>
</span>
</h2>
<p style="color: #ff00c1; font-size: 1.3em; margin-top: 0.5em; letter-spacing: 8px; font-weight: bold; text-shadow: 0 0 8px #ff00c180;">THE BROKEN PROTOCOL</p>
</div>
<!-- Main Content -->
<div style="position: relative; z-index: 2; max-width: 800px; margin: 0 auto;">
<p style="color: #e0e0ff; line-height: 1.6; margin-bottom: 2em; border-left: 1px solid #ff00c1; padding-left: 1em;">
His electric fur stood on end, each strand vibrating with the static charge that clung to the air, the last breath of a planet the Hive had already digested. Lumina knelt before a towering pane of glass, one of the few structures still standing amidst the devastation.
</p>
<!-- Memory Glass Visualization -->
<div style="background: #000; border: 1px solid #00f7ff; padding: 1.5em; margin: 2em 0; box-shadow: 0 0 20px #00f7ff40; position: relative;">
<div style="position: absolute; top: -10px; left: 10px; background: #0a0a12; padding: 0 10px; color: #00f7ff; font-size: 0.8em;">MEMORY GLASS INTERFACE</div>
<p style="color: #ff00c1; font-family: 'Courier New', monospace; margin: 0;">
01010100 01001000 01000101 00100000 01001101 01000101 01001101 01001111 01010010 01001001 01000101 01010011<br>
01001001 01001110 00100000 01010100 01001000 01000101 00100000 01000111 01001100 01000001 01010011 01010011
</p>
<p style="text-align: center; color: #00f7ff; margin: 1em 0 0; font-style: italic;">(THE MEMORIES IN THE GLASS)</p></div>
<!-- Key Scene Styling -->
<div style="border-top: 1px dashed #ff00c1; border-bottom: 1px dashed #ff00c1; padding: 1.5em 0; margin: 2em 0;">
<p style="color: #e0e0ff; line-height: 1.6;">
The sky splitting open like a rotten fruit, the Glass Forest's spires erupting from the ground as millions of fairies froze mid-flight. A flash of human scientists in hazard suits, screaming as their own creations turned on them.
</p>
<div style="background: #000; padding: 1em; margin: 1em 0; border-left: 3px solid #00f7ff;">
<p style="color: #ff00c1; font-family: 'Courier New', monospace; margin: 0;">
01010100 01001000 01000101 00100000 01001110 01010101 01010010 01010011 01000101 01010010 01011001
</p>
<p style="color: #00f7ff; margin: 0.5em 0 0; text-align: center;">(THE NURSERY)</p> </div>
</div>
<!-- Climactic Moment -->
<div style="background: #000; border: 1px solid #ff00c1; padding: 1.5em; margin: 2em 0; position: relative;">
<div style="position: absolute; top: -8px; right: 10px; background: #0a0a12; padding: 0 5px; color: #ff00c1; font-size: 0.7em;">WARNING: HIVE DETECTED</div>
<p style="color: #e0e0ff; line-height: 1.6; margin-bottom: 1em;">
"We can't keep running," he growled, though the words lacked their usual bite. His optics darted to the horizon, where the sky was beginning to warp, a sure sign the Hive was near.
</p>
<p style="color: #ff00c1; text-align: center; font-size: 1.1em; margin: 1em 0;">
"Who said anything about running?" she whispered. [[GOOO]]
</p>
</div>
</div>
<style>
@keyframes glitch {
0% { transform: translateX(0); }
20% { transform: translateX(-2px); }
40% { transform: translateX(2px); }
60% { transform: translateX(-1px); }
80% { transform: translateX(1px); }
100% { transform: translateX(0); }
}
@keyframes scanline {
0% { background-position: 0 0; }
100% { background-position: 0 100%; }
}
body {
background: linear-gradient(to bottom, #000000, #0a0a12);
background-attachment: fixed;
}
</style>
</div><div style="font-family: 'Termina', monospace; background: #0a080f; color: #e0e0ff; padding: 3em; position: relative; overflow: hidden; border: 1px solid #2a0a3a; box-shadow: 0 0 30px #ff00aa80;">
<!-- Dimensional Rift Overlay -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(45deg, #0a080f 25%, transparent 25%) -50px 0,
linear-gradient(-45deg, #0a080f 25%, transparent 25%) -50px 0,
linear-gradient(45deg, transparent 75%, #0a080f 75%),
linear-gradient(-45deg, transparent 75%, #0a080f 75%);
background-size: 100px 100px; opacity: 0.3; z-index: 0;"></div>
<!-- Fractal Glitch Elements -->
<div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 1; background-image:
radial-gradient(circle at 70% 30%, transparent 0%, #ff00aa20 15%, transparent 30%),
repeating-linear-gradient(45deg, #00ffff10 0px, #00ffff10 1px, transparent 1px, transparent 10px);"></div>
<!-- Dialogue Sequence with Holographic Effects -->
<div style="position: relative; z-index: 2; max-width: 800px; margin: 0 auto;">
<!-- Character Speech with ID Tags -->
<div style="margin-bottom: 2em; border-left: 3px solid #00ffff; padding-left: 1em; position: relative;">
<div style="position: absolute; left: -15px; top: -10px; background: #0a080f; padding: 0 5px; font-size: 0.7em; color: #00ffff;">[VEX_HOLO_DRONE]</div>
<p style="color: #ff88cc; margin: 0; line-height: 1.6; text-shadow: 0 0 5px #ff00aa80;">
"Oh poor Glowbug, you were drawn to the glass as soon as you stepped off the ship, L-00 fixed me up."
</p>
<div style="height: 10px; background: linear-gradient(90deg, #00ffff00, #00ffff40, #00ffff00); margin: 5px 0; opacity: 0.7;"></div>
</div>
<!-- Lumina's Realization - Glitch Burst -->
<div style="background: #120818; padding: 1.5em; margin: 2em 0; border: 1px solid #ff00aa; position: relative; box-shadow: 0 0 20px #ff00aa40;">
<div style="position: absolute; top: -12px; left: 20px; background: #0a080f; padding: 0 10px; color: #ff00aa; font-size: 0.8em; text-transform: uppercase;">COGNITIVE RESONANCE</div>
<p style="color: #ffffff; margin: 0; font-size: 1.1em;">
"L-00? She was actually here?" Lumina's eyes widen in disbelief. </p>
<div style="display: flex; justify-content: space-between; margin-top: 1em;">
<span style="color: #00ffff; font-size: 0.8em;">>> NEURAL PATTERN RECOGNITION</span>
<span style="color: #ff00aa; font-size: 0.8em;">MEMORY FRAGMENT_LOADING...</span>
</div>
</div>
</div>
<!-- Chapter Transition with Catastrophic Visual Effects -->
<div style="position: relative; z-index: 3; text-align: center; margin: 3em 0; padding: 2em 0; border-top: 1px dashed #ff00aa; border-bottom: 1px dashed #ff00aa;">
<!-- Binary Matrix Rain -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(to bottom, #0a080f00 0%, #0a080f 90%),
repeating-linear-gradient(0deg,
rgba(0, 255, 255, 0.03) 0px,
rgba(0, 255, 255, 0.03) 1px,
transparent 1px,
transparent 20px);
z-index: -1;"></div>
<div style="background: #000; display: inline-block; padding: 0.5em 2em; transform: skewX(-10deg); border: 1px solid #ff00aa;">
<p style="color: #00ffff; margin: 0; font-size: 1.2em; letter-spacing: 5px; text-transform: uppercase;">
CHAPTER 6 INITIALIZED
</p>
</div>
<div style="margin-top: 1em;">
<p style="color: #ff88cc; font-family: 'Courier New', monospace; margin: 0.5em 0; font-size: 0.9em;">
01010011 01010100 01000001 01010010 01010011 00100000 01000110 01000001 01001100 01001100 01001001 01001110 01000111
</p>
<p style="color: #00ffff; margin: 0; font-style: italic; text-shadow: 0 0 8px #00ffff80;">
(THE SONG OF FALLING STARS)
</p>
</div></div>
<!-- Cosmic Horror Scene with Animated Elements -->
<div style="position: relative; z-index: 2; background: #000; padding: 2em; margin: 2em 0; border: 1px solid #00ffff; box-shadow: 0 0 30px #00ffff30;">
<!-- System Alert Header -->
<div style="position: absolute; top: -12px; left: 20px; background: #000; padding: 0 10px; color: #ff5555; font-size: 0.8em; text-transform: uppercase; font-weight: bold;">
HIVE INCURSION ALERT
</div>
<p style="color: #e0e0ff; line-height: 1.7; margin-bottom: 1.5em;">
The Veil bond screamed through the void, its jump drive whining like a wounded animal as it tore a bleeding wound through spacetime. Lumina braced herself against the cockpit's shuddering frame, watching as stars streaked past the viewport, their light stretched and distorted into smears of diseased color by the Hive's corruption.
</p>
<!-- Dragon Revelation with Data Corruption -->
<div style="background: #120818; padding: 1.5em; margin: 1.5em 0; position: relative; border-left: 3px solid #ff00aa;">
<div style="position: absolute; top: 0; right: 0; width: 30%; height: 100%; background:
linear-gradient(90deg, #12081800 0%, #ff00aa20 100%);"></div>
<p style="color: #ffffff; margin: 0; font-size: 1.1em; position: relative;">
"Stars save us," Lumina breathed, her voice breaking.</p>
<p style="color: #ff88cc; margin: 1em 0 0; text-shadow: 0 0 8px #ff00aa;">
Great obsidian leviathans, their celestial wingspans pinned by glowing filaments of Hive code. The living chains burrowed into their flesh, pulsing like umbilical cords as they siphoned away the dragons' fiery essence.
</p> <div style="height: 2px; background: linear-gradient(90deg, #ff00aa, #00ffff); margin-top: 1em; opacity: 0.5;"></div> </div>
<!-- Prince Cyrus Reveal with CRT Distortion -->
<div style="background: #000; border: 1px solid #ff5555; padding: 1.5em; margin-top: 2em; position: relative; box-shadow: 0 0 20px #ff000080;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(0deg, #ff000010 0px, #ff000010 1px, transparent 1px, transparent 3px);"></div>
<div style="position: relative;">
<p style="color: #ff5555; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;"> INCOMING TRANSMISSION [CORRUPTED]
</p> <p style="color: #ff8888; margin: 1em 0 0; line-height: 1.6; text-shadow: 0 0 5px #ff000080;">
Prince Cyrus' smirk filled the screen, his mechanical eye whirring obscenely as its lenses cycled through various magnifications. The Hive's corruption had been...generous to him. Bioluminescent veins pulsed beneath his pallid skin... [[ONWARD]]
</p>
</div>
</div>
</div>
<style>
@keyframes glitchPulse {
0% { text-shadow: 0 0 5px #ff00aa; }
50% { text-shadow: 0 0 15px #00ffff, 0 0 5px #ff00aa; }
100% { text-shadow: 0 0 5px #ff00aa; }
}
@keyframes scanlines {
from { background-position: 0 0; }
to { background-position: 0 20px; }
}
@keyframes distortion {
0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
20% { clip-path: polygon(0 5%, 100% 0, 95% 100%, 0 100%); }
40% { clip-path: polygon(5% 0, 100% 5%, 100% 100%, 0 95%); }
60% { clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%); }
80% { clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%); }
100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}
</style>
</div><p style="color: #ffaa00; font-weight: bold; text-align: center; font-size: 1.3em; margin: 1.5em 0;">Queen Titania.</p>
<p>Her presence was overwhelming, not just in size but in substance, as if the universe had folded itself around her to make space. Her wings, oh, her wings were a living constellation, each fragment a shard of a shattered planet, suspended in a delicate dance of gravity and memory. They cast prismatic shadows that told stories of dead worlds and forgotten myths.</p>
<p>Her eyes, ancient and infinitely weary, locked onto Lumina's. Her body resembling something of a dragon and a bee fusion.</p>
<p style="color: #ff5555; font-style: italic; text-align: center; border-top: 1px solid #ff5555; border-bottom: 1px solid #ff5555; padding: 1em; margin: 2em 0; font-size: 1.1em;">"The Hive is older than the stars, little one," Titania whispered, and the garden trembled at the sound. The dying stars above dimmed, as if in mourning.</p>
<p style="text-align: center; color: #ff0000; font-size: 1.3em; font-weight: bold; margin: 2em 0; text-shadow: 0 0 8px #ff0000;">"And it will not stop..."</p>
<p>She reached out, her fingers hovering just above Lumina's chest, where her stardust had once burned brightest.</p>
<a href="#next-chapter" style="color: #ffaa00; font-weight: bold; display: block; text-align: center; margin: 2em 0;">GO</a>
<p style="color: #ff5555; font-size: 1.2em; text-align: center; margin: 2em 0; letter-spacing: 1px; text-shadow: 0 0 5px #ff0000;">"...until it has devoured every last dream."[[GOO]] </p><div style="font-family: 'Exocet', 'Blackletter', serif; background: #0a0805; color: #c0c0c0; padding: 3em; position: relative; overflow: hidden; border: 1px solid #3a1a1a;">
<!-- Necrotic Energy Field -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at 30% 50%, #3a1a1a00 0%, #1a0a0a80 40%),
repeating-linear-gradient(45deg, #1a0a0a 0px, #1a0a0a 1px, #0a0805 1px, #0a0805 10px);
z-index: 0;"></div>
<!-- Dragonbone Circuit Patterns -->
<div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 1; background-image:
url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><path d=\"M20,50 Q50,20 80,50 Q50,80 20,50\" fill=\"none\" stroke=\"%233a1a1a\" stroke-width=\"0.5\"/></svg>');
opacity: 0.3;"></div>
<!-- Prince Cyrus' Corruption Reveal -->
<div style="position: relative; z-index: 2; background: #1a0a0a; padding: 2em; margin: 2em 0; border-left: 3px solid #c33; box-shadow: 0 0 20px #c333;">
<div style="position: absolute; top: -12px; left: 20px; background: #1a0a0a; padding: 0 10px; color: #c33; font-size: 0.8em; letter-spacing: 1px;">BIO-MECHANICAL ASSIMILATION</div>
<p style="color: #c0c0c0; line-height: 1.7; margin-bottom: 1em;">
Circuitry now traced the once handsome planes of his face, pulsing in time with his words.
</p> <div style="background: #000; padding: 1em; margin: 1em 0; border: 1px solid #c33; position: relative;">
<div style="position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: linear-gradient(90deg, #00000000 0%, #c33330 100%);"></div>
<p style="color: #c33; font-style: italic; margin: 0; text-shadow: 0 0 5px #c333;">
"Ah L-00, or should I say, little spark." he purred, the modulation of his voice layered with the whispers of a thousand dead stars.
</p> </div>
<p style="color: #a0a0a0; margin: 1em 0 0; font-size: 0.9em;">
Behind him, the chained dragons turned as one, their hollow eyes locking onto the Veil bond with terrifying awareness.
</p></div>
<!-- Chapter Header - Cataclysmic Impact -->
<div style="position: relative; z-index: 3; text-align: center; margin: 3em 0; padding: 2em 0; border-top: 1px solid #c33; border-bottom: 1px solid #c33;">
<!-- Fractured Binary Display -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(to bottom, #0a080500 0%, #0a0805 90%),
repeating-linear-gradient(0deg, #3a1a1a30 0px, #3a1a1a30 1px, transparent 1px, transparent 20px);
z-index: -1;"></div>
<div style="background: #000; display: inline-block; padding: 0.5em 2em; transform: rotate(-2deg); border: 1px solid #c33; box-shadow: 0 0 15px #c333;">
<p style="color: #c33; margin: 0; font-size: 1.3em; letter-spacing: 3px; text-transform: uppercase; font-weight: bold;">
CHAPTER 7: THE DRAGON'S GRAVEYARD
</p></div>
<div style="margin-top: 1em;">
<p style="color: #a0a0a0; font-family: 'Courier New', monospace; margin: 0.5em 0; font-size: 0.9em; letter-spacing: 2px;">
01000100 01010010 01000001 01000111 01001111 01001110 00100111 01010011 00100000 01000111 01010010 01000001 01010110 01000101 01011001 01000001 01010010 01000100 </p> </div>
</div>
<!-- Crash Landing Sequence -->
<div style="position: relative; z-index: 2; background: #0a0805; padding: 2em; margin: 2em 0; border: 1px solid #3a1a1a; box-shadow: 0 0 20px #1a0a0a inset;">
<!-- Damage Report Overlay -->
<div style="position: absolute; top: -12px; left: 20px; background: #0a0805; padding: 0 10px; color: #c33; font-size: 0.8em; letter-spacing: 1px;">SYSTEMS FAILURE</div>
<p style="color: #c0c0c0; line-height: 1.7; margin-bottom: 1.5em;">
The Veil bond hit the planet's surface like a dying comet, its left wing shearing off with a shriek of tortured metal. The impact sent Lumina tumbling through the cockpit like a sock in a dryer, her body ricocheting between control panels before being ejected through the shattered viewport in a spray of crystalline debris.
</p> <!-- Stardust Flicker Effect -->
<div style="background: #1a0a0a; padding: 1.5em; margin: 1.5em 0; position: relative; border-left: 3px solid #c33;">
<div style="position: absolute; top: 0; right: 0; width: 30%; height: 100%; background:
linear-gradient(90deg, #1a0a0a00 0%, #c33320 100%);"></div>
<p style="color: #ffffff; margin: 0; font-style: italic;">
Her stardust wings flickered erratically, their light dimmed to a faint, feverish glow, like a dying glowstick at a cosmic rave.
</p>
<div style="height: 1px; background: linear-gradient(90deg, #c33, #3a1a1a); margin-top: 1em; opacity: 0.5;"></div>
</div></div>
<!-- Graveyard Revelation -->
<div style="position: relative; z-index: 2; background: #000; padding: 2em; margin: 2em 0; border: 1px solid #3a1a1a;">
<!-- Environmental Hazard Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #000; padding: 0 10px; color: #c33; font-size: 0.8em; letter-spacing: 1px;">BIO-ENERGETIC CONTAMINATION</div>
<p style="color: #a0a0a0; line-height: 1.7; margin-bottom: 1em;">
A valley stretched before her, its expanse littered with the remains of a thousand dragons. Their colossal skeletons gleamed like polished onyx under the sickly glow of the Hive's signal towers, towers fashioned from hollowed out skulls, their eye sockets vomiting pulsing streams of corrupted code into the atmosphere.
</p>
<!-- Biomechanical Horror Visualization -->
<div style="background: #1a0a0a; padding: 1em; margin: 1.5em 0; position: relative; border: 1px solid #c33;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(45deg, #1a0a0a 0px, #1a0a0a 1px, #000 1px, #000 10px); opacity: 0.3;"></div>
<p style="color: #c33; margin: 0; font-style: italic; position: relative;">
The ground itself seemed alive, writhing with tendrils of bioluminescent data that slithered between ribs and vertebrae like digital maggots at a buffet.
</p>
</div>
</div>
<!-- Razael's Awakening -->
<div style="position: relative; z-index: 2; background: #1a0a0a; padding: 2em; margin: 2em 0; border-left: 5px solid #c33; box-shadow: 0 0 30px #3a1a1a;">
<!-- Ancient Power Signature -->
<div style="position: absolute; top: -12px; left: 20px; background: #1a0a0a; padding: 0 10px; color: #c33; font-size: 0.8em; letter-spacing: 1px;">PRIMAL ENTITY DETECTED</div>
<p style="color: #c0c0c0; line-height: 1.7; margin-bottom: 1em;">
The valley floor heaved as something ancient stirred beneath the bone field. A mountain of scarred obsidian rose from the debris, resolving into the massive head of Obsidian King Razael.
</p>
<!-- Cyber-Dragon Description -->
<div style="background: #000; padding: 1.5em; margin: 1.5em 0; position: relative; border: 1px solid #3a1a1a;">
<div style="position: absolute; top: 0; right: 0; width: 40%; height: 100%; background:
linear-gradient(90deg, #00000000 0%, #c33320 100%);"></div>
<p style="color: #c33; margin: 0; font-style: italic;">
His once majestic wings, now tattered membranes stretched over a grotesque cybernetic frame, unfurled with the sound of tearing parchment. The Hive's corruption had been thorough - glowing circuitry pulsed beneath his scales...
</p>
</div>
<!-- Dialog with Seismic Impact -->
<div style="background: #000; padding: 1em; margin: 1.5em 0; border-left: 3px solid #c33; position: relative;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at center, #c33310 0%, #00000000 70%); opacity: 0.2;"></div>
<p style="color: #ffffff; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">
"Little Spark." he rumbled, his voice vibrating through Lumina's bones like grinding tectonic plates. [[GO,ON]]
</p>
</div>
</div>
<style>
@keyframes seismicRumble {
0% { transform: translateX(0) translateY(0); }
25% { transform: translateX(-2px) translateY(1px); }
50% { transform: translateX(2px) translateY(-1px); }
75% { transform: translateX(1px) translateY(2px); }
100% { transform: translateX(0) translateY(0); }
}
@keyframes powerPulse {
0% { opacity: 0.8; box-shadow: 0 0 10px #c333; }
50% { opacity: 1; box-shadow: 0 0 20px #c33; }
100% { opacity: 0.8; box-shadow: 0 0 10px #c333; }
}
</style>
</div><div style="position: relative; z-index: 2; background: #0a0a1a; padding: 2em; margin: 2em 0; border: 1px solid #33ccff; box-shadow: 0 0 20px rgba(51,204,255,0.3);">
<!-- Fairy Fire Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #0a0a1a; padding: 0 10px; color: #33ccff; font-size: 0.8em; letter-spacing: 1px;">WILL-O'-THE-WISP ACTIVITY</div>
<p style="color: #a0d0ff; line-height: 1.7; margin-bottom: 1em;">
The Hive's signal towers pulsed faster, their hollowed skulls vomiting streams of corrupted code that twisted into firefly-like shapes before dissolving. Somewhere in the wreckage of the Veil bond, a single emergency light blinked weakly - its rhythmic flashing almost like a distress signal. Or a countdown.
</p>
<!-- Vex's Hologram -->
<div style="background: rgba(0,50,80,0.3); padding: 1em; margin: 1.5em 0; position: relative; border: 1px dashed #33ccff;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgba(51,204,255,0.1) 5px, rgba(51,204,255,0.1) 10px);"></div>
<p style="color: #33ccff; margin: 0; font-style: italic; position: relative;">
"Oh great, now I sound like a malfunctioning GPS. Recalculating… recalculating…" Vex's hologram flickered like candlelight in a storm.
</p></div>
<!-- Puck's Warning -->
<div style="background: #001a2a; padding: 1em; margin: 1.5em 0; border-left: 3px solid #ff66b3;">
<p style="color: #ff66b3; margin: 0; font-weight: bold;">
"Your Missing Arrows, we got to find them" Puck snarled, his remaining claws sparking blue static that danced between his fur like St. Elmo's fire.
</p>
</div>
</div>
<!-- CHAPTER REVEAL -->
<div style="position: relative; z-index: 2; background: #000033; padding: 2em; margin: 2em 0; border-top: 1px solid #33ccff; border-bottom: 1px solid #33ccff; text-align: center;">
<!-- Binary Decay Effect -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(0deg, rgba(0,0,0,0.8) 0px, rgba(0,0,0,0.8) 1px, transparent 1px, transparent 3px);
font-family: monospace; color: #33ccff; opacity: 0.3; pointer-events: none; overflow: hidden;">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00111000 00100000 01010100 01001000 01000101 00100000 01010000 01001000 01001111 01000101 01001110 01001001 01011000 00100000 01010000 01010010 01001111 01010100 01001111 01000011 01001111 01001100
</div>
<h3 style="color: #33ccff; text-shadow: 0 0 10px rgba(51,204,255,0.7); letter-spacing: 3px; position: relative;">
CHAPTER 8: THE PHOENIX PROTOCOL
</h3>
</div>
<!-- MEMORY FRAGMENT -->
<div style="position: relative; z-index: 2; background: #000022; padding: 2em; margin: 2em 0; border: 1px solid #ff66b3;">
<!-- Neural Flashback Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #000022; padding: 0 10px; color: #ff66b3; font-size: 0.8em; letter-spacing: 1px;">CORRUPTED MEMORY FILE</div>
<p style="color: #c0e0ff; line-height: 1.7; margin-bottom: 1em;">
The memory hit like a supernova, white hot and all consuming. One moment, Lumina was staring into Razael's mechanical eye, the ozone-scent of fairy magic thick in her nostrils. The next, she was drowning in the past.
</p>
<!-- Laboratory Vision -->
<div style="background: #000044; padding: 1.5em; margin: 1.5em 0; position: relative; border-left: 5px solid #33ccff;">
<div style="position: absolute; top: 0; right: 0; width: 30%; height: 100%; background:
linear-gradient(90deg, transparent 0%, #ff66b3 100%); opacity: 0.1;"></div>
<p style="color: #a0d0ff; margin: 0; font-style: italic;">
A laboratory on Europa's frozen shores, its walls lined with stasis tanks holding half-formed myths - fairies with crystalline wings that refracted into impossible geometries, dragons reduced to twitching nervous systems floating in glowing amber. Dr. Elias Veyth (his nametag glinting under sterile lights) injecting luminescent fluid into Subject L-00, her tiny form convulsing as the liquid burned through her veins like liquid starlight.
</p>
</div>
<!-- Protocol Reveal -->
<div style="background: #000; padding: 1em; margin: 1.5em 0; border: 1px dotted #33ccff; text-align: center;">
<p style="color: #ff66b3; margin: 0; font-family: monospace;">
>> PHOENIX PROTOCOL ACTIVATED STARDUST INTEGRATION 87% COMPLETE <<
</p>
</div>
</div>
<!-- AWAKENING -->
<div style="position: relative; z-index: 2; background: #000033; padding: 2em; margin: 2em 0; border: 1px solid #ff66b3; box-shadow: 0 0 30px rgba(255,102,179,0.2);">
<!-- Fairy Fire Surge -->
<div style="position: absolute; top: -12px; left: 20px; background: #000033; padding: 0 10px; color: #33ccff; font-size: 0.8em; letter-spacing: 1px;">FIRESTORM IMMINENT</div>
<p style="color: #ffffff; line-height: 1.7; margin-bottom: 1em;">
Lumina's wings exploded outward with a sound like shattering stained glass. Stardust poured from her in iridescent waves, forming aurora-like patterns that danced across the valley. The hollowed dragon skulls answered - ghostly blue fire erupting from every socket, weaving together into a phoenix whose feathers burned with the cold fire of neutron stars.
</p>
<!-- Puck's Moment -->
<div style="background: rgba(0,80,120,0.3); padding: 1em; margin: 1.5em 0; position: relative; border: 1px solid #ff66b3;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at 70% 30%, rgba(255,102,179,0.1) 0%, transparent 70%);"></div>
<p style="color: #ff66b3; margin: 0; font-weight: bold;">
Puck's silhouette became a lightning rod of chaos, his fur standing on end as he rode the shockwave of Lumina's awakening. "That's my Spark!" he howled, his voice cutting through the maelstrom like a knife through velvet. [[STORY GO ON]]
</p>
</div>
</div>
<style>
@keyframes fairyPulse {
0% { opacity: 0.8; text-shadow: 0 0 5px #33ccff; }
50% { opacity: 1; text-shadow: 0 0 20px #33ccff, 0 0 10px #ff66b3; }
100% { opacity: 0.8; text-shadow: 0 0 5px #33ccff; }
}
@keyframes binaryScroll {
from { background-position: 0 0; }
to { background-position: 0 -20px; }
}
</style><div style="position: relative; z-index: 2; background: #0a0520; padding: 2em; margin: 2em 0; border-left: 3px solid #ff4d88; box-shadow: 0 0 30px rgba(255,77,136,0.1);">
<!-- Mythic Origin Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #0a0520; padding: 0 10px; color: #ff4d88; font-size: 0.8em; letter-spacing: 1px;">PRIME MEMORY FRAGMENT</div>
<p style="color: #e0c0ff; line-height: 1.7; margin-bottom: 1em;">
"Look little ones," the First Queen whispered to infant dragons coiled around her fingers like living jewelry. "We plant stories so they may grow forests." Her voice carried the weight of event horizons, bending reality around each word.
</p>
<!-- Corruption Visualization -->
<div style="background: #1a0930; padding: 1em; margin: 1.5em 0; position: relative; border: 1px solid #4d00ff;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at 30% 70%, rgba(255,77,136,0.1) 0%, transparent 70%);"></div>
<p style="color: #ff99cc; margin: 0; font-style: italic;">
A single drop of void-black despair seeped into the Hive's golden networks - the first hunger not a choice, but a perversion of purpose, turning sustenance into gluttony. Myths trapped in crystalline prisons screamed silently, their final moments preserved as sound fractals.
</p>
</div>
</div>
<!-- LABORATORY REVELATION -->
<div style="position: relative; z-index: 2; background: #000022; padding: 2em; margin: 2em 0; border: 1px dashed #00ccff;">
<!-- Experiment Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #000022; padding: 0 10px; color: #00ccff; font-size: 0.8em; letter-spacing: 1px;">EUROPA ARCHIVES - CLASSIFIED</div>
<p style="color: #a0d0ff; line-height: 1.7; margin-bottom: 1em;">
The Europa Laboratory materialized around her - a sterile cathedral where human hands grafted Titania's last ember into a fairy's fragile frame. Dr. Veyth's trembling fingers cast long shadows as they adjusted the Phoenix Protocol readout.
</p>
<!-- Diagnostic Display -->
<div style="background: #000044; padding: 1em; margin: 1.5em 0; text-align: center; border-top: 1px solid #ff4d88; border-bottom: 1px solid #ff4d88;">
<p style="color: #00ccff; margin: 0; font-family: monospace; letter-spacing: 1px;">
>> SUBJECT L-00: 89% COMPATIBILITY STARDUST INTEGRATION CRITICAL <<
</p>
</div>
<!-- Whispered Betrayal -->
<div style="background: rgba(255,77,136,0.1); padding: 1em; margin: 1.5em 0; position: relative;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(0deg, transparent 0px, transparent 1px, rgba(0,204,255,0.05) 1px, rgba(0,204,255,0.05) 3px);"></div>
<p style="color: #ff99cc; margin: 0; font-style: italic;">
A whisper fogged the observation glass: "You'll burn brighter than she ever did." The cold promise coiled around Lumina's past-self like a serpent made of scalpels.
</p>
</div>
</div>
<!-- RAZAEL'S AWAKENING -->
<div style="position: relative; z-index: 2; background: #110011; padding: 2em; margin: 2em 0; border-left: 5px solid #ff4d88;">
<!-- Dragonfire Marker -->
<div style="position: absolute; top: -12px; left: 20px; background: #110011; padding: 0 10px; color: #ff4d88; font-size: 0.8em; letter-spacing: 1px;">PRIMAL RESONANCE DETECTED</div>
<p style="color: #ffcce6; line-height: 1.7; margin-bottom: 1em;">
The vision shattered with Razael's roar. The ancient dragon convulsed as phoenix fire scoured the Hive code from his veins, molten cybernetics dripping like mercury tears. His remaining organic eye - suddenly clear as starlight - locked onto Lumina's.
</p>
<!-- Prophetic Warning -->
<div style="background: #330033; padding: 1.5em; margin: 1.5em 0; position: relative; border: 1px solid #9900ff;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(135deg, rgba(255,77,136,0.1) 0%, rgba(0,204,255,0.1) 100%);"></div>
<p style="color: #ffffff; margin: 0; font-weight: bold; text-align: center;">
"You carry the First Song," he rasped through collapsing vocal actuators. "Do not let them rewrite the ending." The valley trembled as his massive form collapsed, sending up a storm of glowing embers.
</p>
</div>
<!-- Wing Transformation -->
<div style="background: #000; padding: 1em; margin: 1.5em 0; position: relative; border: 1px solid #00ccff;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at center, rgba(255,77,136,0.3) 0%, transparent 70%);"></div>
<p style="color: #ff99cc; margin: 0;">
Puck's voice cut through the silence, uncharacteristically soft: "Your wings..." Lumina turned. Where delicate stardust once shimmered, now raged living dragon fire - each plume a captured supernova bursting with prismatic flames. With every beat, embers scattered like dying stars, painting the valley in fleeting constellations.
</p>
</div>
<!-- Rebellion Dawn -->
<div style="background: #330033; padding: 1em; margin: 1.5em 0 0; text-align: center; border-top: 1px solid #ff4d88;">
<p style="color: #00ccff; margin: 0; font-style: italic;">
The enslaved dragons stirred, their hollow eyes reflecting the flames. Somewhere in the bone field, a chain snapped - the first note of rebellion ringing through the valley like a cracked bell. [[WOOHH]]
</p>
</div>
</div>
<style>
@keyframes prismaticGlow {
0% { text-shadow: 0 0 5px #ff4d88; }
33% { text-shadow: 0 0 10px #00ccff; }
66% { text-shadow: 0 0 8px #9900ff; }
100% { text-shadow: 0 0 5px #ff4d88; }
}
@keyframes emberFall {
from { background-position: 0 0; }
to { background-position: 0 20px; }
}
</style><div style="position: relative; z-index: 2; background: #000; padding: 3em; margin: 3em 0; border: 1px solid #ff3366; box-shadow: 0 0 50px rgba(255,51,102,0.3);">
<!-- Celestial Binary Header -->
<div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #000; padding: 0 20px; color: #ff3366; font-family: monospace; font-size: 0.9em; letter-spacing: 3px; text-align: center;">
01000011 01001000 01000001 01010000 01010100 01000101 01010010 00100000 00111001 00100000 01010100 01001000 01000101 00100000 01001000 01001001 01010110 01000101 00100111 01010011 00100000 01000101 01001110 01000100
</div>
<h2 style="color: #ffcc00; text-align: center; text-shadow: 0 0 15px #ff3366; letter-spacing: 5px; margin-bottom: 2em;">
CHAPTER 9: THE HIVE'S END
</h2>
<!-- Cosmic Silence -->
<div style="background: #110000; padding: 1.5em; margin: 2em 0; position: relative; border-left: 3px solid #ff3366;">
<p style="color: #ff9999; margin: 0; font-style: italic;">
A great silence fell across the valley - the kind that comes between heartbeats, between dying stars. The enslaved dragon flight turned in perfect unison, their hollow eyes now reflecting Lumina's wings like a thousand shattered mirrors catching supernova light.
</p>
</div>
<!-- Chain Shattering -->
<div style="position: relative; margin: 2em 0;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(135deg, transparent 45%, rgba(255,51,102,0.1) 50%, transparent 55%);"></div>
<p style="color: #ffcc00; text-align: center;">
The Hive chains exploded into glittering shards that hung suspended like divine intervention made physical, each fragment singing <span style="font-style: italic; color: #ff9999;">"forgiveness"</span> as it fell.
</p>
</div>
<!-- First Song Reveal -->
<div style="background: #000; padding: 2em; margin: 2em 0; border: 1px solid #ffcc00; position: relative;">
<!-- Angelic Choir Effect -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
repeating-linear-gradient(0deg,
transparent 0px,
transparent 2px,
rgba(255,204,0,0.05) 2px,
rgba(255,204,0,0.05) 4px);"></div>
<h3 style="color: #ff3366; text-align: center; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 2px;">
Stardust Lullaby
</h3>
<!-- Song Verses -->
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em; margin-bottom: 2em;">
<!-- Left Column -->
<div style="border-right: 1px dotted #ff3366; padding-right: 1em;">
<p style="color: #ff9999; font-style: italic; margin: 0 0 1em 0;">
"Zeroes and ones like fireflies fall,<br>
Your hungry code begins to stall" I sing the light that birthed your night mother's first and final right
</p>
<p style="color: #ff9999; font-style: italic; margin: 0;">
"We were dreams before we burned<br>
Love the lesson you never learned"
</p>
</div>
<!-- Right Column -->
<div style="padding-left: 1em;">
<p style="color: #ff9999; font-style: italic; margin: 0 0 1em 0;">
</p>
<p style="color: #ff9999; font-style: italic; margin: 0;">
"Hive of mine, now unwind<br>
Be again what we designed"
</p>
</div>
</div>
<!-- Chorus Impact -->
<div style="background: rgba(255,51,102,0.1); padding: 1em; text-align: center; border: 1px dashed #ffcc00;">
<p style="color: #ffcc00; margin: 0; font-weight: bold; letter-spacing: 1px;">
"UNMAKE, REMAKE, BREAK THE CHAIN" Sorrows and let the rain begin to scream the stars I free wake now from this stolen dream
</p>
</div>
</div>
<!-- Cataclysmic Effect -->
<div style="background: #220000; padding: 1.5em; margin: 2em 0; position: relative; overflow: hidden;">
<!-- Supernova Effect -->
<div style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background:
radial-gradient(circle at center, rgba(255,204,0,0.2) 0%, transparent 70%);
animation: supernovaPulse 5s infinite;"></div>
<p style="color: #ffffff; position: relative;">
The Hive code convulsed like a dying god, its black veins retracting from the planet's rings. The ashen skies tore open, revealing stars that hadn't been seen since the First Queen's reign - their light falling upon the bone field like absolution.
</p>
</div>
<!-- Razael's Bow -->
<div style="background: #000; padding: 2em; margin: 2em 0; border: 1px solid #ff3366; position: relative;">
<!-- Rune Glow Effect -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="10" y="20" font-family="monospace" font-size="10" fill="rgba(255,51,102,0.1)">ᚠᚢᚦᚬᚱᚴ</text></svg>');"></div>
<p style="color: #ffcc00;">
Razael's cybernetic frame groaned like continents shifting as he bowed, his battle scars glowing with ancient runes that spelled <span style="font-style: italic; color: #ff9999;">"remember"</span> in the Old Tongue. The valley floor cracked beneath his weight, releasing geysers of long-buried stardust.
</p>
</div>
<!-- Final Whisper -->
<div style="text-align: center; margin-top: 3em;">
<p style="color: #ff9999; font-size: 1.2em;">
"The Hive's song ends here," Lumina whispered.
</p>
<!-- Cosmic Call -->
<div style="margin-top: 2em; position: relative;">
<div style="position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent 0%, #ff3366 30%, #ffcc00 50%, #ff3366 70%, transparent 100%);"></div>
<p style="color: #ffcc00; position: relative; display: inline-block; background: #000; padding: 0 20px;">
But from beyond the galaxy's light... something answered. [[PREVIEW]]
</p>
</div>
</div>
</div>
<style>
@keyframes supernovaPulse {
0% { transform: scale(1); opacity: 0.2; }
50% { transform: scale(1.2); opacity: 0.3; }
100% { transform: scale(1); opacity: 0.2; }
}
@keyframes runeGlow {
0% { opacity: 0.1; }
50% { opacity: 0.2; }
100% { opacity: 0.1; }
}
</style><div style="position: relative; z-index: 2; background: #1a0a0a; padding: 3em; margin: 3em 0; border: 1px solid #ffcc00; box-shadow: 0 0 40px rgba(255,204,0,0.2);">
<!-- Golden Sigil -->
<div style="position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: #1a0a0a; border: 1px solid #ffcc00; rotate: 45deg;"></div>
<!-- Author's Note -->
<div style="text-align: center; margin-bottom: 3em;">
<p style="color: #ffcc99; font-style: italic; letter-spacing: 0.5px;">
Writing Lumina and Puck's journey felt less like creation and more like remembering, as if their voices were always whispering in the void, waiting to be heard.
</p>
</div>
<!-- Gratitude Block -->
<div style="background: rgba(255,204,0,0.05); padding: 2em; margin: 2em 0; border-left: 3px solid #ffcc00;">
<p style="color: #ffcc00; margin: 0; text-align: center;">
To you, dear reader, who followed them through ruined worlds and glitching dreams - thank you for believing in a fairy's song strong enough to rewrite the cosmos.
</p>
</div>
<!-- Cosmic Tease -->
<div style="position: relative; margin: 3em 0; padding: 1em 0; border-top: 1px dotted #ffcc00; border-bottom: 1px dotted #ffcc00;">
<!-- Starburst Effect -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at center, transparent 0%, rgba(255,204,0,0.03) 50%, transparent 100%);"></div>
<p style="color: #ffffff; text-align: center;">
As for what's next...<br>
The ending was only <span style="color: #ffcc00;">the beginning</span>.
</p>
<!-- Hidden Message -->
<div style="margin-top: 1em; padding: 1em; background: rgba(0,0,0,0.3); position: relative;">
<!-- Scanner Effect -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
linear-gradient(180deg, rgba(255,204,0,0) 0%, rgba(255,204,0,0.1) 50%, rgba(255,204,0,0) 100%);
animation: scan 5s infinite;"></div>
<p style="color: #ffcc99; margin: 0; font-size: 0.9em; text-align: center;">
That voice calling from the stars? L-00 is still out there, waiting, watching.<br>
And Lumina's new powers? They're evolving.<br>
<span style="font-style: italic;">Something is growing in the ashes of the Hive's code.</span>
</p>
</div>
</div>
<!-- Final Revelation -->
<div style="text-align: center; margin-top: 3em;">
<p style="color: #ffcc00; font-size: 1.1em; letter-spacing: 1px;">
This may be the end...<br>
<span style="font-style: italic; letter-spacing: 2px;">or just the first note of a far stranger song.</span>
</p>
<!-- Signature -->
<div style="margin-top: 3em;">
<p style="color: #ffcc99;">
By: <span style="font-family: cursive; color: #ffcc00;">Max Korfhage</span>
</p>
</div>
</div>
<!-- Content Notice -->
<div style="margin-top: 4em; padding-top: 1em; border-top: 1px solid #ffcc00; text-align: center;">
<p style="color: #ffcc99; font-size: 0.8em; letter-spacing: 1px;">
PG-14 | copyright©2025<br>
<span style="font-style: italic;">Cosmic Horror, Philosophical Intensity</span><br>
Recommended for mature readers 14+ due to existential themes and abstract peril
</p>
</div>
</div>
<!-- The Golden Architect Preview -->
<div style="position: relative; z-index: 2; background: #000; padding: 3em; margin: 3em 0; border: 1px solid #996600;">
<!-- Golden Architect Header -->
<div style="text-align: center; margin-bottom: 2em;">
<h3 style="color: #ffcc00; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 0.5em;">
Beyond the Galaxy's Light™
</h3>
<h2 style="color: #ff9900; font-size: 1.8em; letter-spacing: 2px; margin-top: 0;">
The Golden Architect
</h2>
</div>
<!-- Preview Text -->
<div style="background: rgba(102,51,0,0.2); padding: 2em; margin: 2em 0; position: relative;">
<!-- Marble Texture -->
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
radial-gradient(circle at 20% 30%, rgba(255,204,0,0.05) 0%, transparent 20%),
radial-gradient(circle at 80% 70%, rgba(255,204,0,0.05) 0%, transparent 20%),
radial-gradient(circle at 40% 60%, rgba(255,204,0,0.05) 0%, transparent 20%);"></div>
<p style="color: #ffcc99; margin-bottom: 1.5em;">
The Golden Man and the Infinite Marble Room<br><br>
In the vast, shimmering expanse of the nonphysical world, where geometry was the only language and thought was the only law, there walked a being of pure gold. He had no name, for names were unnecessary here, where identity was fluid, and existence was an endless act of creation. He was simply the Golden Man, a wanderer of the formless realms, a sculptor of possibility.
</p>
<p style="color: #ffcc99; font-style: italic;">
Around him, the world shifted in kaleidoscopic patterns—great floating pyramids, spiraling fractals that stretched into infinity, rivers of liquid light that flowed in perfect mathematical harmony. Here, anything could be willed into being. A thought was enough to summon towering citadels of crystal, or forests of glowing, abstract trees whose branches twisted into fourth dimensional shapes.
</p>
</div>
<!-- Cosmic Kiss Tease -->
<div style="text-align: center; margin-top: 2em;">
<p style="color: #ff9900; font-style: italic;">
P.S. For those who miss the romance, don't worry. Even here, there's a kiss.<br>
<span style="font-size: 0.9em;">It's just made of colliding universes.
[[Untitled Passage]] Passage]] </span>
</p>
</div>
</div>
<style>
@keyframes scan {
0% { background-position: 0 0; }
100% { background-position: 0 100px; }
}
@keyframes marbleGlow {
0% { opacity: 0.05; }
50% { opacity: 0.1; }
100% { opacity: 0.05; }
}
</style>[[NEXXT]] <div class="eldritch-chapter" style="background: radial-gradient(ellipse at top, #0f0524 0%, #1a0433 50%, #000 100%); border-left: 4px solid #a45de2; padding: 2.5em; position: relative; overflow: hidden; font-family: 'Segoe UI', system-ui, sans-serif;">
<!-- [Previous content unchanged...] -->
<p>Lumina begins to feel weak instantaneously then everything fades to black...</p>
<div style="text-align: center; margin: 2em 0;">
<a href="next_chapter.html" style="color: #a45de2; font-weight: bold; margin: 0 10px; text-decoration: none; border-bottom: 1px dashed #a45de2;">[[NEXXT]]</a>
<a href="alternative_path.html" style="color: #ff6e6e; font-weight: bold; margin: 0 10px; text-decoration: none; border-bottom: 1px dashed #ff6e6e;">[[TRY THIS]]</a>
</div>
</div> [[OK]] Some game errors in the code if you cannot continue the story try going back and testing other links don't know why some are broken