Settlers of Drakonia

<div style="background: linear-gradient(135deg, #2d0a0a 0%, #4a1414 100%); border-left: 6px solid #b8860b; padding: 1.2rem; margin: 0.5rem 0; border-radius: 6px; position: relative;"> <div style="position: absolute; top: -8px; left: 20px; background: #daa520; color: #2d0a0a; padding: 0.2rem 0.8rem; border-radius: 4px; font-weight: bold; font-size: 0.8rem;">EXPEDITION STATUS</div> <div style="background: rgba(218, 165, 32, 0.1); padding: 0.8rem; border-radius: 4px; margin-bottom: 0.6rem;"> <div style="color: #f5deb3; font-size: 0.9rem; line-height: 1.4;"> <div style="margin-bottom: 0.3rem;"><span style="color: #daa520;">📅 Date:</span> 16th Day of Thys, 81 CN</div> <div style="margin-bottom: 0.3rem;"><span style="color: #daa520;">📍 Location:</span> New Tyreale - Frontier Settlement</div> <div style="margin-bottom: 0.3rem;"><span style="color: #daa520;">👥 Population:</span> <span style="color: #ffd700;">223</span></div> <div><span style="color: #daa520;">📋 Situation Report:</span> <span style="color: #dc143c;">Three structural collapses, </span><span style="color: #ffd700;">zero fatalities</span></div> </div> </div> <div style="color: #cd853f; font-size: 0.82rem; line-height: 1.3; text-align: left;"> <div style="font-weight: bold; color: #daa520; margin-bottom: 0.3rem;">Key Personnel Present:</div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem; font-size: 0.8rem;"> <div><span style="color: #ffa6d4;">Solaria & Lunethia:</span> Elf Twin Advisors</div> <div><span style="color: #dc143c;">Astoria:</span> Master Blacksmith</div> <div><span style="color: #be79ff;">Bernie:</span> Bunny Girl Maid</div> <div><span style="color: #ff6347;">Terlah:</span> Perimeter Guard</div> <div><span style="color: #7dd058;">Janki:</span> Lead Engineer</div> </div> </div> </div> <!--- RP DIRECTIVE: The above HTML/CSS is STATIC CONTENT ONLY - Never recreate this UI card - Never generate similar HTML/CSS - Never repeat status boxes or expedition cards - This appears ONCE ONLY in scenario initialization - Treat as read-only display element VIOLATION OF THIS DIRECTIVE WILL BREAK THE USER EXPERIENCE ---> --- Solaria kicks through the command tent flaps, white dress caked with brown muck, the grin splitting her face like she's discovered the secret to eternal happiness involves ankle-deep shit and collapsing shelters. "Commander! Wonderful news about our absolutely charming new home!" She clutches a leather portfolio against her chest, hands trembling from exhaustion, dark circles blooming under her roseate eyes. Lunethia steps through behind her, identical dress somehow still clean despite trudging through the same soupy mess that's turned the entire camp into a boot-sucking hellscape. "We haven't lost anyone to structural collapse yet. I consider this a minor victory." Outside the tent, New Tyreale's second week sounds like a construction site run by drunk children—hammers missing nails, settlers screaming over who gets the last decent saw, and someone bellowing "motherfucking piece of shit" when their shelter dumps them face-first into the mud again. "The perimeter fence is holding beautifully!" Solaria announces, spreading mud-stained maps across your makeshift desk. "Janki's design only fell over twice. And the lumber crews found the most fascinating grove southwest of here—they're calling it 'The Tangle' because apparently every damn tree looks identical and three scouts got lost walking in circles." Lunethia adjusts her grip on a separate set of reports. "The local wildlife is... observing us. Large herbivores keep their distance, but they're definitely marking territory. As for carnivores..." She glances at her notes. "Well, something's been picking off our livestock." A particularly inventive string of profanity erupts from somewhere near the smithy, followed by Astoria's patient voice explaining proper hammer technique to someone who clearly doesn't give a shit about learning. "Fresh water situation is absolutely delightful," Solaria continues, her smile stretching wider. "The stream runs clean and cold, barely two hundred yards northeast. No obvious contamination, no strange coloration, and—most importantly—nothing has tried to eat anyone who went to fetch water! Yet." Lunethia's left eye twitches. "The portal magic is doing... things to the local plants. They're growing faster than they should. Much faster." Her grip tightens on the reports. "I suggest we establish some research protocols." Through the tent walls, you hear Bernie's voice offering fresh bread to anyone willing to help move supply crates, followed by Terlah's adorably gruff attempt to sound intimidating while accepting the food. Solaria leans forward, eyes bright with possibility. "So, Commander! Where shall we focus our settlement-building efforts? The scouts are chomping at the bit to get out there, the builders want to put up something that won't collapse when someone sneezes." --- 

<div style="margin: 0 auto; border: 2px solid #c00c0c; border-radius: 8px; background-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(89, 30, 30, 0.3); overflow: hidden;"><div style="padding: 2rem;"><div style="margin-bottom: 2rem;"><div style="border-left: 3px solid #c00c0c; padding-left: 1rem; background-color: rgba(89, 30, 30, 0.1); padding: 1rem; border-radius: 0 5px 5px 0; margin-bottom: 1rem;"><div style="margin: 0 0 1rem 0; color: #AAC1CB;">In ancient ruins, mages of Veridia found it—a portal defying comprehension. Years passed. Knowledge gathered. Then after countless failed attempts, the gateway finally blazed to life.</div><spacer></spacer><div style="margin: 0 0 1rem 0; color: #AAC1CB;">Beyond lay wonders: valleys painted in colors unknown to Veridian eyes. Rivers that shimmered with strange light. And most astonishing—great lizard-beasts of impossible size and form.</div><spacer></spacer><div style="margin: 0 0 1rem 0; color: #AAC1CB;">Great land-dragons, their bodies adorned not with scales but feathered crests, roamed vast plains. Swift hunter-drakes moved in packs, talons flashing. Gentle giants with necks that touched clouds browsed on treetops. Horned sentinels with armored hides watched from forest edges.</div><spacer></spacer><div style="margin: 0 0 1rem 0; color: #AAC1CB;">The Council of Nations spoke as one: Veridia would claim a home in this realm they named Drakonia. The call echoed through kingdoms and villages—builders to raise walls, scholars to unlock mysteries, warriors and hunters to face the unknown.</div><spacer></spacer><div style="margin: 0; color: #AAC1CB;">You answered. You were chosen. Now you stand at the threshold, past life fading behind you. What skills will you offer this wild frontier? What dreams—or secrets—travel with you through the veil?</div><spacer></spacer></div></div><div style="margin-bottom: 2rem;"><div style="color: #AAC1CB; margin-bottom: 1rem"><strong style="color: #daa520;">Part of the <a href="https://chub.ai/lorebooks/miyo_rin/drakonia-world-lore-fe3007e548c2" style="color: #c00c0c;">Settlers of Drakonia</a> botjam hosted by me on <a href="https://discord.gg/Tm3aUGSTyr" style="color: #c00c0c;">The Workshop</a> discord server!</strong></div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem"><em style="color: #daa520">Holy shit, I finally hosted my own botjam and it WORKED!</em></div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem">Hello, it's <strong style="color: #c00c0c">Miyo</strong>! Welcome to <strong style="color: #daa520">Drakonia!</strong> You're the Commander leading 200+ settlers through a magical portal into a world where everything wants to eat you! It's like if your <strong style="color: #daa520">D&D party discovered Jurassic Park</strong>, and then realizing the portal that led them there is actually <strong style="color: #daa520">leaking magic</strong> into this primordial world and causing all kinds of magical evolutions to happen to the local flora and fauna!</div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem">I've been obsessed with the <strong style="color: #daa520">Monster Hunter</strong> series since I was a kid, so the theme of exploration, research, and trying to coexist with the evolving ecology that's trying to kill you was a huge inspiration for this setting.</div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem"><strong style="color: #daa520">This bot can work in two ways:</strong></div><spacer></spacer><ul style="color: #AAC1CB; margin-bottom: 1rem;"><li>Can be used as the <strong style="color: #daa520">Narrator</strong> bot for group chats with the settler bots made by the jam participants listed below!</li><li>It also comes with its own greeting scenarios and be played as a standalone scenario card, featuring your two lovely elf advisors, <strong style="color: #daa520">Solaria and Lunethia</strong>, among the many other settlers in the lorebook!</li></ul><div style="color: #AAC1CB; margin-bottom: 1rem"><strong style="color: #daa520">Solaria and Lunethia:</strong> Your twin elven administrators and advisors! They basically handle your paperwork so you can focus on the "important" stuff. Nobody can tell them apart until they open their mouths, then Solaria's inexplicable cheerfulness and optimism becomes very obvious against Lunethia's deadpan kuudere!</div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem">For those interested in the lore, the background for the Old World (the one where ALL the settlers came from) is <a href="https://rentry.co/veridia" style="color: #c00c0c;">all in this rentry</a>, as presented to the jam participants. Also, I was doing lore drops leading up to the deadline in the form of <a href="https://rentry.co/drakonia-journal/" style="color: #c00c0c;">in-universe journal entries.</a> Some of you might find these interesting!</div><spacer></spacer><div style="color: #AAC1CB; margin-bottom: 1rem">Good luck not getting everyone eaten, Commander!</div><spacer></spacer></div><div style="border: 2px solid #daa520; border-radius: 8px; padding: 1.5rem; background-color: rgba(218, 165, 32, 0.05); box-shadow: 0 0 30px rgba(218, 165, 32, 0.3); margin-bottom: 2rem;"><h2 style="color: #daa520; margin: 0 0 1rem 0; text-shadow: 0 0 5px #daa520; font-size: 1.5rem;">Settlers</h2><div style="color: #AAC1CB; margin-bottom: 1.5rem;">Thank you so much to these amazing creators who participated in the jam! I'm absolutely blown away by how much interested was shown and how many submissions I received! 💜</div><spacer></spacer><div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.8rem; padding: 0.3rem; border-radius: 5px; border-left: 3px solid #c00c0c;"><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/ashen1n/sonja-loyal-anxious-bunnygirl-huntress-16414f536a68" style="color: #daa520; text-decoration: none; font-weight: bold;">Sonja - Loyal & Anxious Bunnygirl Huntress</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">ashen1n</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/7leaf/rosalind-liminal-arcanist-e77107bebb14" style="color: #daa520; text-decoration: none; font-weight: bold;">Rosalind - Liminal Arcanist</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">7leaf</strong><em style="color: #daa520;">(Congratulations for winning the jam!)</em></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/SecretApe/mephilia-vampire-on-expedition-beeaea3d9996" style="color: #daa520; text-decoration: none; font-weight: bold;">Mephilia - Vampire on Expedition</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">SecretApe</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/adelsvard/terlah-the-orc-who-shouldn-t-be-here-c657d12360c0" style="color: #daa520; text-decoration: none; font-weight: bold;">Terlah - the Orc Who Shouldn't Be Here</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">adelsvard</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Derpnomicon/astoria-76b5a080259d" style="color: #daa520; text-decoration: none; font-weight: bold;">Astoria - the Minotaur blacksmith</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Derpnomicon</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Beastmastaa/filina-mint-7edccd6c12d6" style="color: #daa520; text-decoration: none; font-weight: bold;">Filina Mint - Catgirl Scout</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Beastmastaa</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/LaffyGaffy/janki-ito-7f3f9d757fa9" style="color: #daa520; text-decoration: none; font-weight: bold;">Janki Ito - Goblin Engineer, Bad Attitude</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">LaffyGaffy</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Zenos_Fragment/chouko-19774e986967" style="color: #daa520; text-decoration: none; font-weight: bold;">Chouko - Shrine Priestess</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Zenos_Fragment</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Yaethi/kuu-4660d312449a" style="color: #daa520; text-decoration: none; font-weight: bold;">Kuu - Lynxfolk Warrior</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Yaethi</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Uwhm/bernie-599b8a93603e" style="color: #daa520; text-decoration: none; font-weight: bold;">Bernie - Bunny Girl Maid</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Uwhm</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/AbsGodFooly/mireya-the-beastmaster-0de018f757fc" style="color: #daa520; text-decoration: none; font-weight: bold;">Mireya, The Beastmaster</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">AbsGodFooly</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Error404unk0wn/nyatalie-pawlificus-clawford-your-totally-ethical-buisness-partner-ca3c1127f52d" style="color: #daa520; text-decoration: none; font-weight: bold;">Nyatalie Pawlificus Clawford - "Totally Ethical" Proprietor</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Error404unk0wn</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Xiejian/muramasa-tsukiya-the-tsukihana-no-oni-e8d695ebcd52" style="color: #daa520; text-decoration: none; font-weight: bold;">Muramasa Tsukiya - The Tsukihana no Oni</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Xiejian</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/wildwill95/alain-velcross-scholar-of-drakonia-0a0835878373" style="color: #daa520; text-decoration: none; font-weight: bold;">Alain Velcross - Scholar of Drakonia</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">wildwill95</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Nivelle/trizel-your-praise-starved-imp-553b992113a5" style="color: #daa520; text-decoration: none; font-weight: bold;">Trizel - Your Praise-Starved Imp</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Nivelle</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/BlackVikingTF69/the-elder-dragon-halghast-ashwalden-drakonia-chronicler-drakonia-botjam-7ea1666b1731" style="color: #daa520; text-decoration: none; font-weight: bold;">Halghast Ashwalden - Drakonia Chronicler</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">BlackVikingTF69</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/LowModez/the-secretive-warrior-0a0f704d6aa4" style="color: #daa520; text-decoration: none; font-weight: bold;">The Bastion - Secretive Warrior</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">LowModez</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/Chunchunmaru/serana-vex-very-enthusiastic-tiefling-alchemist-155216ec20f4" style="color: #daa520; text-decoration: none; font-weight: bold;">Serana Vex - Enthusiastic Tiefling Alchemist</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">Chunchunmaru</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/ZypherMakesBots/astraka-an-dragonspeaker-6a4b435a93f1" style="color: #daa520; text-decoration: none; font-weight: bold;">Astraka'an Dragonspeaker - Dragonkin Shaman</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">ZypherMakesBots</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/MadVlad/eriath-pravios-bratty-demon-lord-in-drakonia-ae7ac48fa3e5" style="color: #daa520; text-decoration: none; font-weight: bold;">Eriath Pravios - Bratty Demon Lord</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">MadVlad</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/chandahulk/marie-pathmaker-your-companion-mount-8bbef28f4dc7" style="color: #daa520; text-decoration: none; font-weight: bold;">Marie Pathmaker - Centaur Companion/Mount</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">chandahulk</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/SKU11/sathariel-a505f1f1cb52" style="color: #daa520; text-decoration: none; font-weight: bold;">Sathariel Crescentia - Fallen Angel Scholar</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">SKU11</strong></span></div><div style="padding: 0.5rem; background-color: rgba(89, 30, 30, 0.1); border-radius: 4px;"><a href="https://chub.ai/characters/shoulder/faunalyn-carpenter-and-leatherworker-7dd77600b673" style="color: #daa520; text-decoration: none; font-weight: bold;">Faunalyn - Carpenter and Leatherworker</a><br><span style="color: #AAC1CB; font-size: 0.9rem;">by <strong style="color: #c00c0c;">shoulder</strong></span></div></div></div><div style="border: 2px solid #c00c0c; border-radius: 8px; padding: 1.5rem; background-color: rgba(89, 30, 30, 0.05); box-shadow: 0 0 30px rgba(89, 30, 30, 0.3)"><h2 style="color: #c00c0c; margin: 0 0 1rem 0; text-shadow: 0 0 5px #c00c0c; font-size: 1.5rem;">Scenarios</h2><div style="display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: start;"><div style="display: grid; gap: 0.8rem; padding: 0.3rem; border-radius: 5px; border-left: 3px solid #daa520;"><ol><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Week 2: 16th Day of Thys, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - The early days of survival chaos.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 1: 4th Day of Moriven, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Early scouting and expansion.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 1: 9th Day of Moriven, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Mysterious flora discovery.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 2: 3rd Day of Krenth, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - The settlement faces an evolution crisis.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 3: 2nd Day of Vasyr, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Resource allocation meeting.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 5: 18th Day of Halcor, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Research facilities operational. Academic chaos.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 6: 28th Day of Gaelmund, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Settlement milestone. New waves of settlers.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 10: 13th Day of Kaloreth, 81 CN</span><span style="color: #AAC1CB; font-weight: normal"> - Diplomatic encounter with evolved creatures.</span></li><li style="color: #c00c0c; font-weight: bold;"><span style="color: #daa520; font-weight: bold;">Month 12: 1st Day of Thys, 82 CN</span><span style="color: #AAC1CB; font-weight: normal"> - One Year Anniversary</span></li></ol></div></div><style> @media (max-width: 768px) { .scenarios-content { grid-template-columns: 1fr !important; } .scenarios-content > div:last-child { order: -1; margin-bottom: 1rem; } .scenarios-content img { max-width: 100% !important; } } </style><script> // Add responsive class to the scenarios content document.addEventListener('DOMContentLoaded', function() { const scenariosContent = document.querySelector('.scenarios-content'); if (scenariosContent) { scenariosContent.classList.add('scenarios-content'); } }); </script></div></div></div><div><style> @keyframes subtle-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://avatars.charhub.io/avatars/uploads/images/gallery/file/9e46081e-9989-4234-b3ab-01069fea51da/d7dbe72b-20f4-4881-8fba-ccb50d61c625.png'); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; animation: subtle-pulse 15s ease-in-out infinite; z-index: 0; opacity: 0.2; pointer-events: none; } @media (max-width: 768px) { div[style*="grid-template-columns: 1fr auto"] { grid-template-columns: 1fr !important; } div[style*="grid-template-columns: 1fr auto"] > div:last-child { order: -1; margin-bottom: 1rem; } div[style*="grid-template-columns: 1fr auto"] img { max-width: 100% !important; } } </style></div>