JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
WARNING The game you are entering is entirely for adults. If you are under 18, please leave. The responsibility lies entirely with you. [[I am over 18 years old.|IntroChoice]] [[I'm under 18.|Underage]]
You must be 18 or older to play this game. Please close this browser tab.
<!-- INTRO / WARNING BLOCK --> <div style="background: #14141d; border: 1px solid #333; border-radius: 8px; padding: 25px; text-align: center; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h1 style="color: #00bcd4; font-size: 32px; letter-spacing: 3px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; text-shadow: 0px 0px 12px rgba(0, 188, 212, 0.5);"> Welcome to the Game </h1> <p style="color: #ff5252; font-size: 14px; font-style: italic; line-height: 1.6; margin: 0 auto; max-width: 90%;"> <strong>Heads up!</strong> The game is still early in development, so only the sub route is playable for now. Thanks for bearing with us—if you want to support the project and help us build more content, checking out our Patreon is a huge help. </p> </div> <div style="text-align: center;"> [[Enjoy the game ;)|IntroStory]] </div>
Enter your name? <<textbox "$playerName" "Jack">> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> The rain taps heavily against the frosted glass window of the study. You swirl the glass of scotch in your hand, watching the amber liquid catch the dim desk lamp light. </p> </div> <img src="images/Whisky.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> For months, the pressure has been mounting. Between the demands of your corporate career, the shifting dynamics inside your own household, and the constant feeling that you are standing at a major crossroad in your life, something has to give. You can feel a fundamental shift coming in how you interact with the world and the people closest to you. You take a deep breath, deciding tonight is the night you set the tone for your future. How do you want to handle the pressure? </p> </div> <span class="sub-link">[[Embrace a submissive path—let go of control, surrender your authority, and yield to the desires around you.|SubRoute]]</span> <span class="dom-link">[[Assert a dominant path—take absolute control, demand submission, and rule your domain with an iron fist.|DomRoute]]</span>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%)!important; background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">MAIN BEDROOM</h2> <!-- ============================== DYNAMIC BEDROOM IMAGE ============================== --> <div style="text-align: center; margin-bottom: 10px;"> <!-- SCENARIO 1: IT IS EXACTLY NIGHT --> <<if $time == "Night">> <!-- BULLETPROOF CHECK: Have we talked to her TODAY? --> <<if $angelaLastTalkDay != $dayCount>> <!-- Awake (Has not been interacted with yet today) --> <<if $bedroomUpgraded>> <img src="images/Angela bed.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Angela bed.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is sitting on the edge of the bed.</p> <<else>> <!-- Asleep (You already talked to her today) --> <<if $bedroomUpgraded>> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela has fallen asleep.</p> <</if>> <!-- SCENARIO 2: IT IS LATE NIGHT OR LATER --> <<elseif $time == "Late Night" or $time == "Midnight" or $time == "Sleep">> <!-- Asleep --> <<if $bedroomUpgraded>> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is fast asleep.</p> <!-- SCENARIO 3: ANY OTHER TIME (Morning, Afternoon, Evening) --> <<else>> <!-- Empty Room (Angela is not here) --> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Old main bedroom.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <</if>> </div> <!-- ============================== APPROACH ANGELA BUTTON ============================== --> <!-- ONLY shows at exactly Night, when she hasn't been talked to yet today --> <<if $time == "Night" and $angelaLastTalkDay != $dayCount>> <div style="margin: 5px auto 30px auto; max-width: 400px;"> <a data-passage="TalkToAngelaPassage" style="display: block; background: #141414d; border: 1px solid #dfba6b; border-radius: 8px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.15); cursor: pointer;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px;"> 💬 APPROACH ANGELA </span> <<if $hasJob and not $angelaQuest2Complete>> <span style="display: block; color: #4caf50; font-size: 12px; margin-top: 5px; font-style: italic;">❗ Main Quest Event Available</span> <</if>> </a> </div> <</if>> <!-- ============================== NAVIGATION BUTTONS GRID ============================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 600px; margin: 0 auto;"> <!-- SLEEP BUTTON --> <<if $faceShaved is true and $legsShaved is true and $chestShaved is true and $crotchShaved is true and $assShaved is true and $questAngelaBra isnot "active" and $questAngelaBra isnot "completed">> <!-- TRAP: Automatically triggers Angela's night event --> <a data-passage="AngelaSleepEvent" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <<else>> <!-- Normal sleep passage --> <a data-passage="SleepPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <</if>> <!-- PC BUTTON --> <a data-passage="PCPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Pc.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">PC</span> </div> </a> <!-- WARDROBE BUTTON --> <a data-passage="WardrobePassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Wardrobe.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">WARDROBE</span> </div> </a> <!-- HALLWAY BUTTON --> <<if $currentOutfit and $currentOutfit neq "">> <<if $hallwayUpgraded>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Upgraded hallway.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <<else>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Hallway.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <</if>> <<else>> <div style="width: 260px; height: 140px; border-radius: 12px; background: #14141d; border: 1px solid #e91e63; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center;"> <span style="color: #e91e63; font-size: 12px; font-weight: bold; margin-bottom: 8px;">⚠️ Naked!</span> <<link "Go to Wardrobe" "WardrobePassage">><</link>> </div> <</if>> <!-- UPGRADE HOUSE BUTTON --> <a data-passage="UpgradeHousePassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/green-home-improvements-1000x600.jpg'); background-size: cover; background-position: center; border: 1px solid #dfba6b;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">🛠️ UPGRADE HOUSE</span> </div> </a> </div> <!-- HIDDEN BACKEND LINKS --> <div style="display: none;"> [[TalkToAngelaPassage]] [[SleepPassage]] [[PCPassage]] [[WardrobePassage]] [[HallwayPassage]] [[UpgradeHousePassage]] </div> <</nobr>>
<<nobr>> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step back, letting the heavy weight of leadership slip from your shoulders. Tonight, you yield. For years, your wife tolerated your pathetic incompetence, but now she’s treating you with the absolute contempt you deserve </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Angela</h3> <img src="images/Angela 1.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> And your insolent stepdaughter, who views you as nothing more than a joke living under her roof. </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Charlotte</h3> <img src="images/Charlotte 1.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> [[Continue deeper into submission...|Sub 1]] <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <img src="images/Sleeping guy.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You were peacefully lost in a deep sleep, completely oblivious to the world, when the bedroom door is violently kicked open. Before you can even rub the haze from your eyes, the heavy blankets are ripped off your body, exposing you to the chill of the room as a shrill, furious voice tears through the silence. </p> </div> <!-- Angela's Dialogue Box 1 --> <div style="background-color: #00bcd4; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #fff; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Angela</div> <div style="color: #fff; font-size: 1em;">Wake the hell up, you useless piece of trash! Look at you, rotting in bed like a pathetic leech while I work myself to the bone!</div> </div> </div> <!-- Jack's Dialogue Box 1 --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">$playerName</div> <div style="color: #fff; font-size: 1em;">Jesus, Angela! You scared the hell out of me... why are you screaming like this?</div> </div> </div> <!-- Angela's Dialogue Box 2 --> <div style="background-color: #00bcd4; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #fff; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Angela</div> <div style="color: #fff; font-size: 1em;">Because it's past noon and you're still sleeping like a pampered dog! I am sick to death of paying every single bill while you sit around doing nothing. Get off your lazy ass, and go find a job today, or I swear I will make your life a living hell!</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With a look of utter disgust, Angela turns around and slams the bedroom door so hard the walls shake, her angry footsteps fading down the hallway. </p> </div> <!-- Jack's Dialogue Box 2 --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">$playerName</div> <div style="color: #fff; font-size: 1em;">...Ah, what a nightmare. Why does she have to be so ruthless?</div> </div> </div> [[Next|MainHub]] <</nobr>>
<<nobr>> <!-- NIGHT 1: Hasn't had the first dream yet --> <<if $questCharlotteNight == "completed" and $dream1Done is false>> <<goto "CharlotteDream1">> <</if>> <!-- NIGHT 2: Had the first dream, but hasn't had the second one yet --> <<if $questCharlotteNight == "completed" and $dream1Done is true and $dream2Done is false>> <<goto "CharlotteDream2">> <</if>> <!-- 1. ADVANCE THE TIMER IF IT IS RUNNING --> <<if $angelaQuestCompleted is true and $questCharlotteNight isnot "completed">> <<set $daysSinceAngelaQuest += 1>> <</if>> <!-- 2. CHECK THE TIMER TO SPRING THE TRAP --> <<if $daysSinceAngelaQuest == 2 and $questCharlotteNight isnot "completed">> <!-- HIJACKED MIDNIGHT EVENT --> <<set $questCharlotteNight = "active">> <div style="margin-top: 20px; text-align: center;"> <h3 style="color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">MIDNIGHT...</h3> <p style="margin-bottom: 15px;">You climb into bed and let exhaustion pull you under, but a few hours later, you are jolted awake.</p> <!-- WAKING UP IMAGE PLACEHOLDER --> <div style="margin: 25px auto;"> <img src="images/man-cant-sleep.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <p style="color: #dfba6b; font-style: italic; margin-bottom: 15px;">"Ah... fuck..."</p> <p style="margin-bottom: 15px;">You hear muffled noises coming from Charlotte's room down the hall.</p> <div style="margin-top: 35px;"> [[Get up and investigate|CharlotteNightEvent]] </div> </div> <<else>> <!-- NORMAL SLEEP ROUTE --> <div style="margin-top: 20px;"> <h3 style="color: #d4af37; margin-bottom: 20px;">Resting</h3> <p style="margin-bottom: 15px;">You climb back into bed, letting exhaustion pull you under as you rest for the night.</p> <!-- Reset Energy & Advance Day --> <<set $dayCount += 1>> <<set $energy = 100>> <<set $dayIndex += 1>> <<set $time = "Morning">> <p style="color: #00e676; font-weight: bold; margin-bottom: 10px;">[+] Energy fully restored to 100!</p> <p style="margin-bottom: 15px;">You wake up feeling refreshed. A new day begins.</p> <div style="margin-top: 35px;"> [[Get out of bed|MainHub]] </div> </div> <</if>> <</nobr>>
<h3 style="color: #d4af37; text-align: center;">Home PC</h3> <p style="text-align: center; color: #ccc;">You sit down at the desk and boot up the computer. What would you like to do?</p> <!-- PC Menu Grid --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 600px; margin: 30px auto;"> <!-- LOOK FOR A JOB BUTTON --> <<if $hasJob is false>> <a data-passage="JobBoardPassage" style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 100px; flex-shrink: 0; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.4); background: #222; border: 1px solid #444; padding: 10px; cursor: pointer;"> <span style="color: #d4af37; font-weight: bold; font-size: 18px; margin-bottom: 6px;">📁</span> <span style="color: #fff; font-weight: bold; font-size: 12px; text-align: center; line-height: 1.2;">LOOK FOR A JOB</span> </a> <</if>> <!-- WEB BUTTON --> <a data-passage="WebBrowsePassage" style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 100px; flex-shrink: 0; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.4); background: #222; border: 1px solid #444; padding: 10px; cursor: pointer;"> <span style="color: #00bcd4; font-weight: bold; font-size: 18px; margin-bottom: 6px;">🌐</span> <span style="color: #fff; font-weight: bold; font-size: 12px; text-align: center; line-height: 1.2;">WEB</span> </a> <!-- PORN TAB BUTTON --> <a data-passage="PornHubPassage" style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 100px; flex-shrink: 0; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.4); background: #222; border: 1px solid #444; padding: 10px; cursor: pointer;"> <span style="color: #e91e63; font-weight: bold; font-size: 18px; margin-bottom: 6px;">🔥</span> <span style="color: #fff; font-weight: bold; font-size: 12px; text-align: center; line-height: 1.2;">XXX STREAM</span> </a> </div> <br><br> <div style="text-align: center;"> [[Turn off PC and return to bedroom|MainHub]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 600px; margin: 20px auto; text-align: center;"> <h2 style="color: #dfba6b; font-family: sans-serif; margin-bottom: 25px;">👗 Your Wardrobe</h2> <!-- DYNAMIC VIDEO ACTION DISPLAY --> <<if $plugAction is "first_insert">> <!-- FIRST TIME PLUG EVENT --> <div style="background: #14141d; border: 2px solid #ff5252; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3);"> <h3 style="color: #ff5252; margin-top: 0; margin-bottom: 15px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;">✨ The Boss's Toy</h3> <div style="background: #1a1a24; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 15px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 14px; line-height: 1.5; margin: 0;"> With a trembling hand, you press the buttplug against your entrance. Taking a shaky breath, you slowly push it inside until the thick base locks into place against your cheeks, stretching you out completely. </p> </div> <div style="display: flex; justify-content: center; margin-bottom: 15px;"> <video src="videos/First time plug insert.mp4" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; display: block; border: 2px solid #ff5252;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 5px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 15px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 13px;">Ah... God... It's so full. I can't believe I'm actually doing this... I'm officially her toy now...</div> </div> </div> </div> <<elseif $plugAction is "insert">> <div style="background: #14141d; border: 1px solid #333; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <p style="color: #4caf50; font-weight: bold; margin-top: 0; margin-bottom: 12px; font-size: 14px;"> ✨ You slide the plug inside... </p> <div style="display: flex; justify-content: center; margin-bottom: 5px;"> <video src="videos/Plug insert.mp4" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; display: block;"></video> </div> </div> <<elseif $plugAction is "remove">> <div style="background: #14141d; border: 1px solid #333; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <p style="color: #e91e63; font-weight: bold; margin-top: 0; margin-bottom: 12px; font-size: 14px;"> ⚠️ You slowly pull the plug out... </p> <div style="display: flex; justify-content: center; margin-bottom: 5px;"> <video src="videos/Plug remove.mp4" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; display: block;"></video> </div> </div> <</if>> <<set $plugAction = "">> <!-- CURRENT EQUIPPED STATUS CARD --> <div style="background: #14141d; border: 1px solid #333; border-radius: 12px; padding: 20px; margin-bottom: 30px; text-align: left;"> <h3 style="color: #dfba6b; font-size: 14px; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; letter-spacing: 1px;">Current Setup</h3> <p style="color: #ddd; margin: 5px 0; font-size: 14px;"><strong>Outfit:</strong> <<print $currentOutfit || "None">></p> <p style="color: #ddd; margin: 5px 0; font-size: 14px;"><strong>Underwear:</strong> <<if $equippedPanties>>Silky Panties<<else>>Standard Boxers<</if>></p> <p style="color: #ddd; margin: 5px 0; font-size: 14px;"><strong>Shoes:</strong> <<print $equippedShoes || "Barefoot">></p> <p style="color: #ddd; margin: 5px 0; font-size: 14px;"><strong>Anal Plug:</strong> <<if $equippedPlug>><span style="color: #4caf50;">Inserted (Silicone Plug)</span><<else>><span style="color: #888;">None</span><</if>></p> </div> <hr style="border-color: #222; margin: 25px 0;"> <!-- OUTFITS SECTION --> <h3 style="color: #fff; text-align: left; font-size: 16px; margin-bottom: 15px;">👕 Outfits</h3> <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px;"> <<if $currentOutfit is "Casual">> <<link "Take off Casual Clothes" "WardrobePassage">> <<set $currentOutfit = "">> <<set $plugAction = "">> <</link>> <<else>> <<link "Wear Casual Clothes" "WardrobePassage">> <<set $currentOutfit = "Casual">> <<set $plugAction = "">> <</link>> <</if>> <<if $ownsMaidOutfit>> <<if $currentOutfit is "Maid Outfit">> <<link "Take off Maid Outfit" "WardrobePassage">> <<set $currentOutfit = "">> <<set $plugAction = "">> <</link>> <<else>> <<link "Wear Maid Outfit" "WardrobePassage">> <<set $currentOutfit = "Maid Outfit">> <<set $plugAction = "">> <</link>> <</if>> <</if>> </div> <hr style="border-color: #222; margin: 25px 0;"> <!-- UNDERWEAR & LINGERIE SECTION --> <h3 style="color: #fff; text-align: left; font-size: 16px; margin-bottom: 15px;">🩲 Underwear & Lingerie</h3> <div style="display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;"> <!-- PANTIES --> <div style="display: flex; flex-direction: column; gap: 10px;"> <<if $equippedPanties>> <!-- PREVENTS TAKING THEM OFF IF BLACKMAILED --> <<if $charlotteBlackmail is true>> <div style="background: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; padding: 10px; border-radius: 6px; text-align: left;"> <span style="color: #ff5252; font-size: 13px; font-weight: bold;">🔒 Charlotte's Rule: You cannot take these off or she will leak the photo.</span> </div> <<else>> <<link "Wear Standard Boxers" "WardrobePassage">> <<set $equippedPanties = false>> <<set $plugAction = "">> <</link>> <</if>> <<else>> <p style="color: #888; text-align: left; font-size: 13px; margin: 0;">Wearing Boxers</p> <</if>> <<if $hasPanties>> <<if $equippedPanties>> <p style="color: #888; text-align: left; font-size: 13px; margin: 0;">Wearing Panties</p> <<else>> <<set _fem = $jackFemininity || 0>> <<if _fem >= 20>> <!-- BULLETPROOF CHECK --> <<if $charlotteBlackmail isnot true>> <<link "Wear Silky Panties">> <<goto "CharlotteBlackmailEvent">> <</link>> <<else>> <<link "Wear Silky Panties" "WardrobePassage">> <<set $equippedPanties = true>> <<set $plugAction = "">> <</link>> <</if>> <<else>> <p style="color: #e91e63; text-align: left; font-size: 13px; margin: 0;">🔒 Requires 20 Femininity to wear Silky Panties (Current: <<print _fem>>)</p> <</if>> <</if>> <</if>> </div> <!-- BRA --> <<if $hasBra is true>> <div style="border-top: 1px solid #333; padding-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Training Bra</strong> <<if $equippedBra is true>> <div style="color: #4caf50; font-size: 13px; margin-top: 4px;">Status: Wearing</div> <<else>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: In Closet</div> <</if>> </div> <div> <<if $equippedBra is true>> <<link "Take Off" "WardrobePassage">> <<set $equippedBra = false>> <<set $plugAction = "">> <</link>> <<else>> <<link "Put On" "WardrobePassage">> <<set $equippedBra = true>> <<set $plugAction = "">> <</link>> <</if>> </div> </div> <</if>> </div> <hr style="border-color: #222; margin: 25px 0;"> <!-- SHOES SECTION --> <h3 style="color: #fff; text-align: left; font-size: 16px; margin-bottom: 15px;">👟 Shoes</h3> <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px;"> <<if $hasSneakers>> <<if $equippedShoes is "Sneakers">> <<link "Take off Sneakers" "WardrobePassage">> <<set $equippedShoes = "">> <<set $plugAction = "">> <</link>> <<else>> <<link "Wear Sneakers" "WardrobePassage">> <<set $equippedShoes = "Sneakers">> <<set $plugAction = "">> <</link>> <</if>> <</if>> </div> <hr style="border-color: #222; margin: 25px 0;"> <!-- ADULT TOYS SECTION --> <h3 style="color: #fff; text-align: left; font-size: 16px; margin-bottom: 15px;">🛍️ Wearable Adult Toys</h3> <div style="display: flex; flex-direction: column; gap: 12px; align-items: flex-start; width: 100%;"> <<if $hasButtplug>> <<if $equippedPlug>> <div style="width: 100%; display: flex; justify-content: space-between; align-items: center; background: #1a1a24; padding: 10px 15px; border-radius: 8px; box-sizing: border-box;"> <span style="color: #4caf50; font-size: 14px;">🟢 Silicone Butt-Plug (Inserted)</span> <<link "Remove Plug" "WardrobePassage">> <<set $equippedPlug = false>> <<set $plugAction = "remove">> <</link>> </div> <<else>> <<set _femPlug = $jackFemininity || 0>> <<if _femPlug >= 45>> <div style="width: 100%; display: flex; justify-content: space-between; align-items: center; background: #14141d; padding: 10px 15px; border-radius: 8px; box-sizing: border-box;"> <span style="color: #fff; font-size: 14px;">🟣 Butt-Plug (Stored)</span> <!-- NEW LOGIC FOR THE FIRST TIME INSERTION --> <<link "Insert Plug" "WardrobePassage">> <<set $equippedPlug = true>> <<if $firstPlugInserted isnot true>> <<set $plugAction = "first_insert">> <<set $firstPlugInserted = true>> <<else>> <<set $plugAction = "insert">> <</if>> <</link>> </div> <<else>> <div style="width: 100%; display: flex; justify-content: space-between; align-items: center; background: #14141d; padding: 10px 15px; border-radius: 8px; box-sizing: border-box;"> <span style="color: #e91e63; font-size: 13px;">🔒 Silicone Butt-Plug (Requires 45 Femininity, Current: <<print _femPlug>>)</span> </div> <</if>> <</if>> <<else>> <p style="color: #666; font-style: italic; font-size: 13px;">No wearable toys currently stored.</p> <</if>> </div> <br><br> <<link "Go back to Bedroom" "MainHub">><</link>> </div> <</nobr>>
<<nobr>> <h3 style="color: #00bcd4;">Web Browser</h3> <<if $energy >= 20>> <p>You spend some time surfing random websites, reading articles, and expanding your mind online.</p> <!-- Deduct energy and increase stats --> <<set $energy -= 20>> <<set $jackKnowledge += 1>> <p style="color: #00bcd4; font-weight: bold;">[+] Your Knowledge increased by 1! (-25 Energy)</p> <br> <!-- Time Progression Logic --> <<if $time is "Morning">> <<set $time = "Afternoon">> <p style="color: #d4af37; font-size: 0.9em;"><i>Time passes... It is now Afternoon.</i></p> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <p style="color: #d4af37; font-size: 0.9em;"><i>Time passes... It is now Evening.</i></p> <<elseif $time is "Evening">> <<set $time = "Night">> <p style="color: #d4af37; font-size: 0.9em;"><i>Time passes... It is now Night.</i></p> <<elseif $time is "Night">> <p style="color: #ff69b4; font-size: 0.9em;"><i>It's getting late. You should probably head to bed soon.</i></p> <</if>> <<else>> <p style="color: #ff5252; font-weight: bold;">You are far too exhausted to focus on the screen. Your eyes are heavy, and you need to sleep.</p> <</if>> <br><br> [[Back to PC Menu|PCPassage]] <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Online Job Board</h3> <<if $hasJob is false>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <<elseif $time is "Night">> <<set $time = "Night">> <</if>> <p>You scour the online job listings, update your resume, and submit applications across various companies. Before long, a Woman that works for a major corporation gets back to you with an offer for an executive secretary position.</p> <img src="images/company.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <p>While the role feels a bit unorthodox and overly feminine for your taste, you swallow your pride—you have little choice if you want to get Angela off your back.</p> <<set $hasJob = true>> <<set $questJob = "completed">> <p style="color: #00bcd4; font-weight: bold;">[!] You successfully found a job! Your objective has been completed.</p> <<else>> <p>You've already applied for and secured a job. No need to look for another one right now.</p> <</if>> <br> [[Back to PC Menu|PCPassage]] <</nobr>>
<<nobr>> <h3 style="color: #e91e63; text-align: center;">XPORNX</h3> <p style="text-align: center; color: #aaa;">You open up a hidden browser tab and look through the streaming site's catalog. Select a category:</p> <div style="text-align: center; margin: 30px 0; display: flex; flex-direction: column; gap: 12px; max-width: 400px; margin-left: auto; margin-right: auto;"> [[Sissy porn |PornVideoPassage][$videoType = "Sissy"]] [[Cuckold porn |PornVideoPassage][$videoType = "Cuckold"]] [[Femdom porn|PornVideoPassage][$videoType = "femdom"]] </div> <br> <div style="text-align: center;"> [[Back to PC Menu|PCPassage]] </div> <</nobr>>
<<nobr>> <h3 style="color: #e91e63; text-align: center; margin: 0 0 5px 0 !important; padding: 0 !important;">Streaming Video</h3> <<if $energy >= 20>> <<set $energy -= 20>> <<set $videosWatched += 1>> <<if $videoType is "Sissy">> <p style="margin: 0 0 4px 0 !important; padding: 0 !important; text-align: center;">You pull up a collection of sissy transformation videos, watching the clips as the hypnotic conditioning starts getting to you...</p> <<set $jackFemininity += 1>> <p style="color: #ff69b4; font-weight: bold; text-align: center; margin: 2px 0 !important; padding: 0 !important;">[+] Femininity increased by 1! (-20 Energy)</p> <!-- YOUR SISSY VIDEOS --> <<set $chosenLink = either( "videos/Sissy porn1.mp4", "videos/Sissy porn2.mp4", "videos/Sissy porn3.mp4" )>> <<elseif $videoType is "Cuckold">> <p style="margin: 0 0 4px 0 !important; padding: 0 !important; text-align: center;">You select a cuckold fantasy clip, watching with a mix of humiliation and arousal as the scenario unfolds...</p> <<set $jackCuck += 1>> <p style="color: #ffeb3b; font-weight: bold; text-align: center; margin: 2px 0 !important; padding: 0 !important;">[+] Cuck increased by 1! (-20 Energy)</p> <!-- YOUR CUCKOLD VIDEOS --> <<set $chosenLink = either( "videos/Cuck porn1.mp4", "videos/Cuck porn2.mp4", "videos/Cuck porn3.mp4" )>> <<elseif $videoType is "femdom">> <p style="margin: 0 0 4px 0 !important; padding: 0 !important; text-align: center;">You watch a strict femdom clip, studying how completely the dominant woman controls her partner...</p> <!-- YOUR FEMDOM VIDEOS --> <<set $chosenLink = either( "videos/Femdom porn1.mp4", "videos/Femdom porn2.mp4", "videos/Femdom porn3.mp4" )>> <p style="color: #aaa; font-weight: bold; text-align: center; margin: 2px 0 !important; padding: 0 !important;">(-20 Energy)</p> <</if>> <!-- VIDEO PLAYER --> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <<print '<source src="' + $chosenLink + '" type="video/mp4">'>> Your browser does not support the video tag. </video> </div> <!-- Time Progression --> <<if $time is "Morning">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <<else>> <p style="color: #ff5252; font-weight: bold; text-align: center; margin: 0 !important;">You are too tired to browse this site right now. Get some sleep first.</p> <</if>> <hr style="border-color: #333; margin: 8px 0 !important; padding: 0 !important;"> <!-- NAVIGATION & OPTIONS --> <div style="text-align: center; display: flex; flex-direction: column; gap: 2px; align-items: center; margin-top: -5px !important; padding: 0 !important;"> <<if $videosWatched >= 2>> <div style="background: rgba(233, 30, 99, 0.15); border: 1px solid #e91e63; padding: 8px; border-radius: 6px; margin: 0 0 4px 0 !important; width: 100%; max-width: 440px;"> <p style="color: #ff69b4; font-size: 0.85em; margin: 0 0 6px 0 !important; padding: 0 !important; font-weight: bold;">Choose how you want to finish:</p> <div style="margin-bottom: 5px;"> <<if $chastityCageEquipped>> <span style="color: #666; font-style: italic;">🔒 Hand (Chastity Locked)</span> | <<else>> [[👋 Jerk off with hand|HandMasturbationPassage]] | <</if>> <<if $jackFemininity >= 100>> [[💋 Jerk off with mouth|MouthMasturbationPassage]] <<else>> <span style="color: #666; font-style: italic;">🔒 Mouth (Req: 100 Fem, current <<print $jackFemininity>>)</span> <</if>> </div> <<if $hasDildo or $hasButtplug or $hasStroker>> <div style="border-top: 1px dashed rgba(233, 30, 99, 0.4); margin-top: 5px; padding-top: 5px;"> <p style="font-size: 0.8em; color: #ff69b4; margin: 0 0 4px 0;">🍆 <b>Use an owned toy:</b></p> <<if $hasDildo>> <<if $jackFemininity >= 70>> [[Use Dildo|DildoPassage]] <<else>> <span style="color: #666; font-style: italic;">🔒 Dildo (Req: 70 Fem, current <<print $jackFemininity>>)</span> <</if>> <<endif>> <<if $hasButtplug>> <<if $jackFemininity >= 40>> [[Use Butt-plug|ButtplugPassage]] <<else>> <span style="color: #666; font-style: italic;">🔒 Butt-plug (Req: 40 Fem, current <<print $jackFemininity>>)</span> <</if>> <</if>> <<if $hasStroker>> [[Use Flesh-stroker|StrokerPassage]] <</if>> </div> <<else>> <p style="color: #888; font-size: 0.75em; margin: 4px 0 0 0;"><i>(You don't own any adult toys yet. Buy them from the shop.)</i></p> <</if>> </div> <<else>> <p style="color: #666; font-size: 0.8em; margin: 0 0 4px 0 !important; padding: 0 !important;"><i>Watch more videos ($videosWatched/2) to unlock special interactions.</i></p> <</if>> <div style="font-size: 0.95em; margin: 0 !important; padding: 0 !important;"> [[Choose another category|PornHubPassage]] | [[Back to PC Menu|PCPassage]] </div> </div> <</nobr>>
<<nobr>> <<if $chastityCageEquipped>> <h3 style="color: #e91e63; text-align: center;">Locked in Chastity</h3> <p style="text-align: center; color: #ff5252; margin-top: 15px;">You reach down, but the cold metal of your chastity cage completely blocks access. You can't stroke yourself by hand right now...</p> <div style="text-align: center; margin-top: 25px;"> [[Back to PC Menu|PCPassage]] </div> <<else>> <<set _randomVideo = either( "videos/Hand jerking.mp4", "videos/Hand jerking.mp4" )>> <h3 style="color: #e91e63; text-align: center;">Finishing Up</h3> <p style="text-align: center; color: #ccc;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <<print '<source src="' + _randomVideo + '" type="video/mp4">'>> Your browser does not support the video tag. </video> </div> <hr style="border-color: #333; margin: 15px 0;"> <div style="text-align: center;"> <<link "Clean yourself up...">> <<set $videosWatched = 0>> <<goto "PCPassage">> <</link>> </div> <</if>> <</nobr>>
<<nobr>> <<set _randomVideo = either( "videos/Mouth jerking.mp4", "videos/Mouth jerking.mp4" )>> <h3 style="color: #e91e63; text-align: center;">Finishing Up</h3> <p style="text-align: center; color: #ccc;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <<print '<source src="' + _randomVideo + '" type="video/mp4">'>> Your browser does not support the video tag. </video> </div> <hr style="border-color: #333; margin: 15px 0;"> <div style="text-align: center;"> <<link "Clean yourself up...">> <<set $videosWatched = 0>> <<goto "PCPassage">> <</link>> </div> <</nobr>>
<<nobr>> <<if $chastityCageEquipped>> <<set _randomVideo = either( "videos/Caged dildo jerking1.mp4", "videos/Caged dildo jerking2.mp4" )>> <<else>> <<set _randomVideo = either( "videos/Dildo jerking1.mp4", "videos/Dildo jerking3.mp4", "videos/Dildo jerking4.mp4" )>> <</if>> <h3 style="color: #e91e63; text-align: center;">Finishing Up</h3> <p style="text-align: center; color: #ccc;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <<print '<source src="' + _randomVideo + '" type="video/mp4">'>> Your browser does not support the video tag. </video> </div> <hr style="border-color: #333; margin: 15px 0;"> <div style="text-align: center;"> <<link "Clean yourself up...">> <<set $videosWatched = 0>> <<goto "PCPassage">> <</link>> </div> <</nobr>>
<<nobr>> <<set _randomVideo = either( "videos/Plug cum3.mp4", "videos/Plug cum1.mp4" )>> <h3 style="color: #e91e63; text-align: center;">Finishing Up</h3> <p style="text-align: center; color: #ccc;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <<print '<source src="' + _randomVideo + '" type="video/mp4">'>> Your browser does not support the video tag. </video> </div> <hr style="border-color: #333; margin: 15px 0;"> <div style="text-align: center;"> <<link "Clean yourself up...">> <<set $videosWatched = 0>> <<goto "PCPassage">> <</link>> </div> <</nobr>>
<<nobr>> <h3 style="color: #e91e63; text-align: center;">Finishing Up</h3> <p style="text-align: center; color: #ccc;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <div style="text-align: center; margin: 10px auto; max-width: 360px;"> <video style="width: 100%; height: 480px; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(0,0,0,0.7); background: #000; object-fit: cover;" controls autoplay playsinline> <source src="videos/Stroker jerking.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <hr style="border-color: #333; margin: 15px 0;"> <div style="text-align: center;"> <<link "Clean yourself up...">> <<set $videosWatched = 0>> <<goto "PCPassage">> <</link>> </div> <</nobr>>
<<set $dayIndex = 0>> <<set $daysList = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]>> <<set $time = "Morning">> <<set $ChestQuestComplete = false>> <<set $faceQuestComplete = false>> <<set $angelaQuest2Complete = false>> <<set $LegsQuestComplete = false>> <<set $CrotchQuestComplete = false>> <<set $AssQuestComplete = false>> <<set $questButtplug = false>> <<set $questCage = false>> <<set $questVibrator = false>> <<set $questDildo = false>> <<set $hasJob = false>> <<set $hasPanties = false>> <<set $hasSneakers = true>> <<set $hasDildo = false>> <<set $hasButtplug = false>> <<set $hasStroker = false>> <<set $hasCage = false>> <<set $razors = 0>> <<set $hasVibrator = false>> <<set $spycamCount = 0>> <<set $hasNewPhone = false>> <<set $dream1Done = false>> <<set $dream2Done = false>> <<set $canPlantSpycam = false>> <<set $hasWomensRunningShoes = false>> <<set $officeIntroDone = false>> <<set $questAngela = "active">> <<set $questWork = "active">> <<set $questJob = "active">> <!-- Charlotte's Night Quest Variables --> <<set $daysSinceAngelaQuest = 0>> <<set $questCharlotteNight = "inactive">> <<set $metLauren = false>> <<set $laurenBullyStage = 1>> <!-- Jack's Stats --> <<set $jackKnowledge = 0>> <<set $jackFemininity = 0>> <<set $jackFitness = 0>> <<set $jackCuck = 0>> <!-- Angela's Stats --> <<set $angelaSlut = 0>> <<set $angelaDomination = 0>> <!-- Charlotte's Stats (Stepdaughter) --> <<set $charlotteSlut = 0>> <<set $charlotteDomination = 0>> <<set $energy = 100>> <<set $maxEnergy = 100>> <<set $videosWatched = 0>> <<set $ownsMaidOutfit = false>> <<set $currentOutfit = "Casual">> <<set $equippedCage = false>> <<set $equippedPanties = false>> <<set $equippedShoes = "Sneakers">> <<set $equippedPlug = false>> <<set $money = 0>> <<set $angelaTalkCount = 0>> <<set $maidOutfitUnlocked = false>> <<set $angelaLastTalkDay = 0>> <!-- Character Names --> <<set $playerName = "Jack">> <!-- Avatars (Local Image Paths) --> <<set $avatarJack = "images/Jacks Avatar.jpg">> <<set $avatarAngela = "images/Angelas Avatar.webp">> <<set $avatarCharlotte = "images/Charlottes Avatar.webp">> <<set $avatarKendra = "images/Kendras Avatar.webp">> <<set $avatarBots = "images/Bots Avatar.jpg">> <<set $avatarWoman = "images/Woman.jpg">> <<set $avatarLauren = "images/Laurens Avatar.webp">> <!-- House Upgrade Tracker --> <<set $bedroomUpgraded = false>> <<set $kitchenUpgraded = false>> <<set $hallwayUpgraded = false>> <<set $livingRoomUpgraded = false>> <<set $charlotteRoomUpgraded = false>> <<set $bathroomUpgraded = false>> <<set $backyardUpgraded = false>> <<set $houseUpgraded = false>> <!-- Mirror / Body Customization States --> <<set $faceShaved = false>> <<set $legsShaved = false>> <<set $crotchShaved = false>> <<set $chestShaved = false>> <<set $assShaved = false>> <<set $dayCount = 1>> <<set $assShavedDay = -99>> <<set $chestShavedDay = -99>> <<set $faceShavedDay = -99>> <<set $legShavedDay = -99>> <<set $crotchShavedDay = -99>> <!-- NEW CLOTHING FLAGS --> <<set $hasBra = false>> <<set $hasLingerie = false>> <<set $hasMensSport = false>> <<set $hasWomensSport = false>> <<set $hasMensShoes = false>> <<set $hasWomensShoes = false>> <<set $questWomenswear = false>> <!-- NEW EQUIPMENT SLOTS --> <<set $equippedBra = false>> <<set $laurenFullShaveOrdered = false>> <<set $questAngelaBra = "inactive">> <<set $questKendraPlug = "inactive">> <<set $kendraBullyStage = 1>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto; font-family: 'Cinzel', 'Georgia', serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">WHERE TO?</h2> <!-- 4-COLUMN FLEX GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BEDROOM --> <a data-passage="MainHub" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); transition: transform 0.2s;"> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old main bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BEDROOM</span> </div> </a> <!-- BATHROOM --> <a data-passage="BathroomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $bathroomUpgraded>> <img src="images/Upgraded bathroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Bathroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BATHROOM</span> </div> </a> <!-- KITCHEN --> <a data-passage="KitchenPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $kitchenUpgraded>> <img src="images/Upgraded kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">KITCHEN</span> </div> </a> <!-- LIVING ROOM --> <a data-passage="LivingRoomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $livingRoomUpgraded>> <img src="images/Upgraded livingroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old livingroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">LIVING ROOM</span> </div> </a> <!-- CHARLOTTE'S ROOM --> <a data-passage="CharlottesRoomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">CHARLOTTE'S ROOM</span> </div> </a> <!-- BACKYARD --> <a data-passage="BackyardPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $backyardUpgraded>> <img src="images/Upgraded backyard.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Backyard.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">BACKYARD</span> </div> </a> <!-- OUTSIDE / EXIT HOME --> <a data-passage="OutsidePassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/outside.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">OUTSIDE</span> </div> </a> </div> </div> <!-- HIDDEN LINKS TO KEEP TWINE MAP CONNECTIONS --> <</nobr>> <div style="display: none;"> [[MainHub]] [[BathroomPassage]] [[KitchenPassage]] [[LivingRoomPassage]] [[CharlottesRoomPassage]] [[BackyardPassage]] [[OutsidePassage]] </div>
<h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">BATHROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- SHOWER CARD --> <a data-passage="ShowerPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/photo-1507652313519-d4e9174996dd.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">TAKE A SHOWER</span> </div> </a> <!-- LOOK IN MIRROR CARD --> <a data-passage="MirrorPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/30c78f902f2f771596e705cb335a6eba.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">LOOK IN MIRROR</span> </div> </a> <!-- SHAVE CARD --> <a data-passage="ShavePassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Shaving.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SHAVE</span> </div> </a> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="bathroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[ShowerPassage]] [[MirrorPassage]] </div>
<h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">KITCHEN</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- EAT / SNACK CARD --> <a data-passage="EatPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/may23-ohh-healthy-snacks.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">EAT A SNACK</span> </div> </a> <<if $energy < 10>> <!-- LOCKED: TOO TIRED --> <div style="color: #ff5252; font-weight: bold; text-align: center; width: 180px; height: 240px; display: flex; align-items: center; justify-content: center; border: 1px solid #ff5252; border-radius: 16px; background: rgba(255, 82, 82, 0.1);"> Too tired to clean. (Requires 10 Energy) </div> <<else>> <!-- OPEN: HAS ENOUGH ENERGY --> <!-- CLEAN KITCHEN CARD --> <a data-passage="CleanKitchenPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/668cd596bf7fcda362e08694_The Best Way to Hand Wash Dishes.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">CLEAN KITCHEN</span> </div> </a> <</if>> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="kitchen-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[EatPassage]] [[CleanKitchenPassage]] </div>
<h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">LIVING ROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- WATCH TV CARD --> <a data-passage="WatchTVPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/tv.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">WATCH TV</span> </div> </a> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="livingroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[WatchTVPassage]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">CHARLOTTES ROOM</h2> <!-- ========================================================== --> <!-- 1. MAIN ROOM SCENE --> <!-- ========================================================== --> <div style="text-align: center; margin-bottom: 25px;"> <<if $time is "Evening">> <!-- Charlotte Awake in Room (Single Image) --> <img src="images/Charlotte awake.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">Charlotte is sitting in her room.</p> <<elseif $time is "Night">> <!-- Charlotte Asleep (Single Image) --> <img src="images/Charlotte asleep.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">Charlotte is asleep in bed.</p> <<else>> <!-- Empty Room (Swaps based on upgrade) --> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">The room is empty right now.</p> <</if>> </div> <!-- ========================================================== --> <!-- 2. INTERACTION BUTTON (EVENING ONLY) --> <!-- ========================================================== --> <<if $time is "Evening">> <div style="margin: 0 auto 25px auto; max-width: 380px; text-align: center;"> <a data-passage="TalkToCharlottePassage" style="display: block; background: #181820; border: 1px solid #dfba6b; border-radius: 10px; padding: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.2); cursor: pointer;"> <span style="color: #dfba6b; font-size: 15px; font-weight: bold; letter-spacing: 1.5px; font-family: sans-serif;">💬 TALK TO CHARLOTTE</span> </a> </div> <</if>> <!-- ========================================================== --> <!-- 3. NAVIGATION CARDS --> <!-- ========================================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- SEARCH ROOM CARD --> <<if $time is "Evening">> <!-- STATE 1: AWAKE (Disabled card, outputs warning on click) --> <a onclick="document.getElementById('charlotte-output').innerText = '(Charlotte is sitting right there. You can\'t snoop right now.)';" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.5); cursor: pointer;"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.3) grayscale(0.8);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <<elseif $time is "Night">> <!-- STATE 2: ASLEEP (50% Chance Risky Search) --> <<link '<div style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(233, 30, 99, 0.4);"><img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"><div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div><div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"><span style="color: #ff69b4; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">RISKY SEARCH</span></div></div>'>> <<if random(1, 100) <= 50>> <<goto "CharlotteWakesUpPassage">> <<else>> <<goto "SearchCharlotteRoomPassage">> <</if>> <</link>> <<else>> <!-- STATE 3: EMPTY ROOM (Safe Search) --> <a data-passage="SearchCharlotteRoomPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <</if>> <!-- HALLWAY CARD --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> <!-- OUTPUT DIV --> <div id="charlotte-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px; font-family: sans-serif;"></div> </div> <!-- HIDDEN MAP LINKS --> <div style="display: none;"> [[HallwayPassage]] [[SearchCharlotteRoomPassage]] [[TalkToCharlottePassage]] </div> <</nobr>>
<<nobr>> <style> /* Main Room Picture Container */ .main-room-container { text-align: center; margin: 0 auto 20px auto; max-width: 650px; } .main-room-img { width: 100%; max-height: 380px; object-fit: cover; border-radius: 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); display: block; } /* Backyard Navigation Grid */ .backyard-grid { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; } /* Base Card Style */ .nav-card { position: relative; width: 150px; height: 220px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); transition: transform 0.2s ease, box-shadow 0.2s ease; display: block; } /* Active Hover Effect */ .nav-card.active:hover { transform: translateY(-6px); box-shadow: 0 8px 25px rgba(223, 186, 107, 0.4); } /* Image Centering */ .nav-card img { width: 100%; height: 100%; object-fit: cover !important; object-position: center center !important; display: block; } /* Label Styling */ .nav-card-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 8px 12px; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 65%, transparent 100%); text-align: center; font-size: 11px; font-weight: bold; color: #dfba6b; letter-spacing: 1.5px; text-transform: uppercase; } /* Locked Card Style */ .nav-card.locked { filter: grayscale(85%) brightness(0.5); cursor: not-allowed; } .locked-text { color: #ff5252; display: block; font-size: 10px; margin-top: 4px; letter-spacing: 1px; } </style> <div style="text-align: center; padding: 10px;"> <h2 style="color: #fff; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px;">BACKYARD</h2> <!-- DYNAMIC MAIN ROOM IMAGE --> <div class="main-room-container"> <<if $backyardUpgraded>> <!-- UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Upgraded backyard night.jpg" class="main-room-img" alt="Upgraded Backyard Night"> <<else>> <img src="images/Upgraded backyard.png" class="main-room-img" alt="Upgraded Backyard Day"> <</if>> <<else>> <!-- OLD / NOT UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Backyard night.jpg" class="main-room-img" alt="Old Backyard Night"> <<else>> <img src="images/Backyard.jpg" class="main-room-img" alt="Old Backyard Day"> <</if>> <</if>> </div> <!-- ACTION BUTTONS GRID --> <div class="backyard-grid"> <!-- 1. SWIM IN POOL --> <<if $backyardUpgraded>> <a data-passage="SwimPool" class="nav-card active"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label">SWIM IN POOL</div> </a> <<else>> <div class="nav-card locked"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label"> SWIM IN POOL<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <!-- 2. SUNBATHE --> <<if $backyardUpgraded>> <a data-passage="SunbathePassage" class="nav-card active"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label">SUNBATHE</div> </a> <<else>> <div class="nav-card locked"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label"> SUNBATHE<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> </div> <</nobr>>
<<nobr>> <<if not $currentOutfit or $currentOutfit eq "" or not $equippedShoes or $equippedShoes eq "">> <div style="background: #14141d; border: 1px solid #e91e63; border-radius: 12px; padding: 30px; text-align: center; max-width: 500px; margin: 40px auto;"> <h3 style="color: #e91e63; margin-top: 0;">⚠️ Stop! You can't go outside like this!</h3> <p style="color: #ddd; font-size: 14px; margin-bottom: 20px;">You need to be wearing both an outfit and shoes before stepping out of the house.</p> <<link "Go back inside (Hallway)" "HallwayPassage">><</link>> </div> <<else>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 30px;">CITY MAP</h2> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 620px; margin: 0 auto;"> <!-- GYM --> <a data-passage="Gym" class="room-btn" style="background-image: url('images/Gym.webp');"> <div class="room-btn-label">GYM</div> </a> <!-- OFFICE --> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if $time is "Evening" or $time is "Night" or _currentDay is "Saturday" or _currentDay is "Sunday">> <a class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (CLOSED)</div> </a> <<elseif $hasJob eq true>> <a data-passage="Office" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg');"> <div class="room-btn-label">OFFICE</div> </a> <<else>> <a data-passage="OutsidePassage" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(40%);"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (LOCKED)</div> </a> <</if>> <!-- HOSPITAL --> <a data-passage="Hospital" class="room-btn" style="background-image: url('images/emergency.jpg');"> <div class="room-btn-label">HOSPITAL</div> </a> <!-- MALL --> <<if $time is "Evening" or $time is "Night">> <a class="room-btn" style="background-image: url('images/mall exterior.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 MALL (CLOSED)</div> </a> <<else>> <a data-passage="Mall" class="room-btn" style="background-image: url('images/mall exterior.jpg');"> <div class="room-btn-label">MALL</div> </a> <</if>> <!-- BROTHEL --> <a data-passage="Brothel" class="room-btn" style="background-image: url('images/brothel.avif');"> <div class="room-btn-label">BROTHEL</div> </a> <!-- NIGHTCLUB --> <a data-passage="NightClub" class="room-btn" style="background-image: url('images/Nightclub.jpg');"> <div class="room-btn-label">NIGHTCLUB</div> </a> <!-- NEIGHBOR HOUSE --> <a data-passage="Neighbor" class="room-btn" style="background-image: url('images/neighbor house.webp');"> <div class="room-btn-label">NEIGHBOR</div> </a> <!-- BACK BUTTON (OUR HOUSE) --> <<if $houseUpgraded>> <!-- UPGRADED MANSION --> <a data-passage="HallwayPassage" class="room-btn" style="background-image: url('images/Upgraded house.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">BACK HOME</div> </a> <<else>> <!-- OLD HOUSE (Change the URL below to your old house picture) --> <a data-passage="HallwayPassage" class="room-btn" style="background-image: url('images/House.jpg'); border: 2px solid #555;"> <div class="room-btn-label">BACK HOME</div> </a> <</if>> <div style="display: none;"> [[Mall]] [[Gym]] [[Hospital]] [[Office]] [[Brothel]] [[NightClub]] [[Neighbor]] </div> </div> <</if>> <</nobr>>
<<nobr>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <div style="width: 100%; height: 380px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Watch tv.gif" style="width:60%; height:100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You stretch out on the designer couch and watch TV to pass the time. </p> <p style="color: #dfba6b; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Time Passes... </p> <a data-passage="LivingRoomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO LIVING ROOM </a> </div> <div style="display: none;"> [[LivingRoomPassage]] </div> <</nobr>>
<<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 15, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- SHOWER GIF / VIDEO CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if ($showerStage || 0) is 1>> <!-- STAGE 1 GIF --> <img src="images/shower2.gif" style="width: 100%; height: 100%; object-fit: cover;"> <<else>> <!-- STAGE 0 GIF --> <img src="images/shower1.gif" style="width: 100%; height: 100%; object-fit: cover;"> <</if>> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You take a long, hot shower to refresh yourself. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +15 | Time Passes... </p> <a data-passage="BathroomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO BATHROOM </a> </div> <div style="display: none;"> [[BathroomPassage]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 1100px; margin: 20px auto; text-align: center;"> <h2 style="color: #fff; font-family: sans-serif; letter-spacing: 3px; margin-bottom: 25px; text-transform: uppercase; font-size: 18px;">MIRROR REFLECTION</h2> <!-- 5 BODY PARTS GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 30px;"> <!-- 1. FACE (Fixed: Removed old quest block) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">FACE</span> <<if $dayCount - $faceShavedDay <= 10>> <img src="images/Shaved face.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Face 1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 2. CHEST (Fixed: Removed old quest block) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">CHEST</span> <<if $dayCount - $chestShavedDay <= 10>> <img src="images/Chest 1.webp" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Chest 2.avif" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 3. LEGS --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">LEGS</span> <<if $dayCount - $legShavedDay <= 10>> <img src="images/Legs 2.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Legs 1.webp" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 4. PENIS (Overrides to Cage pic if equipped) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">PENIS</span> <<if $equippedCage is true>> <img src="images/Penis 2.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<elseif $dayCount - $crotchShavedDay <= 10>> <img src="images/Penis1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Penis3.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 5. ASS (Overrides to Plug pic if equipped) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">ASS</span> <<if $equippedPlug is true>> <img src="images/Ass2.png" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<elseif $dayCount - $assShavedDay <= 10>> <img src="images/Ass1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Ass3.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> </div> <a data-passage="BathroomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO BATHROOM </a> </div> <div style="display: none;"> [[BathroomPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 20, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- EAT GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Eatin.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You grab a quick bite to eat at the counter and recharge. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +20 | Time Passes... </p> <a data-passage="KitchenPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- Subtracts 10 Energy --> <<set $energy = Math.max(($energy || 0) - 10, 0)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- CLEAN GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/dish-washer-sponge-bop.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You wipe down the pristine surfaces and keep the kitchen spotless. </p> <!-- STAT UPDATE UI BOX (Standardized Size) --> <div style="text-align: center; margin-top: 30px; margin-bottom: 25px; padding: 15px; background: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px;"> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -10</span> </div> <a data-passage="KitchenPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.max(($energy || 0) - 5, 0)>> <<set _roll = random(1, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <<if _roll <= 4>> <!-- 1. VIBRATOR --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: PINK VIBRATOR</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Vibrator.png" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"A slick, wand-style vibrator hidden under her pillow... holding it makes my heart beat fast."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Steal it and keep it (Fem +1)" "SearchCharlotteRoomResultPassage">> <<set $jackFemininity += 1>> <<set $hasVibrator = true>> <<set $resultTitle = "Stole Pink Vibrator">> <<set $resultText = "You quickly slip the pink vibrator into your pocket and smooth out her pillow. Your heart pounds as you steal it away to your bedroom stash.">> <<set $showFemBox = true>> <</link>> <<link "Put it back carefully" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Left Vibrator Alone">> <<set $resultText = "You slide the vibrator back under the pillow exactly as you found it, trying not to linger on the thought of using it.">> <</link>> </div> <<elseif _roll <= 35>> <!-- CASH --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: LOOSE CASH ($20)</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Cash.jpg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"She left some cash lying around on the nightstand. She probably wouldn't notice if a little went missing..."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Pocket the $20 (+ $20)" "SearchCharlotteRoomResultPassage">> <<set $money += 20>> <<set $resultTitle = "Stole $20 Cash">> <<set $resultText = "You quietly pocket the twenty dollar bill from her nightstand. Money is money!">> <<set $showMoneyBox = true>> <</link>> <<link "Leave the money alone" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Left Money Alone">> <<set $resultText = "You decide not to take her cash and leave the bill untouched on the stand.">> <</link>> </div> <<elseif _roll <= 65>> <!-- Panties --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: PANTIES</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Cummed panties.jpg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"On the bed you notice a pair of panties full of cum... holding them makes a warm feeling spread through me."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Sniff and keep a pair (Fem +1)" "SearchCharlotteRoomResultPassage">> <<set $jackFemininity += 1>> <<set $hasPanties = true>> <<set $resultTitle = "Stole Panties">> <<set $resultText1 = "You press the delicate, soft crotch of her silky panties directly against your face, deeply inhaling the intoxicating, warm female musk left while jerking off, before hastily stuffing the worn lace into your pocket.">> <<set $resultVideo = " videos/pANTY SNIFF.mp4">> <<set $resultText2 = "The filthy, forbidden thought of sliding her tight, naughty undies over your own hips makes your skin tingle with electric arousal. You can now equip Charlotte's lingerie from your Wardrobe!">> <<set $showFemBox = true>> <</link>> <<link "Fold them neatly and put them back" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Put Panties Back">> <<set $resultText = "You throw the panties and leave.">> <</link>> </div> <<else>> <!-- USED CONDOM --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: USED CONDOM</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Used condom.jpeg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"A freshly used condom sitting right in her trash bin... someone was definitely in here with her recently..."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Examine it closely (Cuck +1)" "SearchCharlotteRoomResultPassage">> <<set $jackCuck += 1>> <<set $resultTitle = "Inspected Used Condom">> <<set $resultText1 = "You lift the slick, stretched-out latex between your fingers, closely inspecting the pool of fresh, sticky semen sloshing at the tip while imagining the dirty, breathless pounding she took right here in her bed.">> <<set $resultVideo1 = "videos/Condom4.mp4">> <<set $resultVideo2 = "videos/Condom5.mp4">> <<set $resultText2 = "The humiliating realization that your young stepdaughter is getting stretched out and creampied by horny strangers in your own home sends a wave of intense excitement straight to your groin.">> <<set $showCuckBox = true>> <</link>> <<link "Gross! Throw it back in the bin" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Threw Condom Away">> <<set $resultText = "Grossed out, you drop it back into the bottom of her trash bin.">> <</link>> </div> <</if>> </div> <div style="display: none;"> [[SearchCharlotteRoomResultPassage]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; margin-bottom: 20px;"> $resultTitle </h3> <!-- 1. FIRST TEXT BOX --> <<if $resultText1>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 20px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText1 </p> </div> <</if>> <<if $resultText>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 20px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText </p> </div> <</if>> <!-- FIRST VIDEO (Snug Portrait Player) --> <<if $resultVideo1>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo1" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <<elseif $resultVideo>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <</if>> <!-- SECOND VIDEO (Snug Portrait Player) --> <<if $resultVideo2>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo2" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <</if>> <!-- 4. SECOND TEXT BOX --> <<if $resultText2>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText2 </p> </div> <</if>> <!-- FEMININITY UI BOX --> <<if $showFemBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +1</span> </div> <<set $showFemBox = false>> <</if>> <!-- CUCK UI BOX (YELLOW) --> <<if $showCuckBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 235, 59, 0.1); border: 1px solid #ffeb3b; border-radius: 8px;"> <span style="color: #ffeb3b; font-weight: bold; font-size: 18px; letter-spacing: 1px;">CUCKOLD +1</span> </div> <<set $showCuckBox = false>> <</if>> <!-- MONEY UI BOX (GREEN) --> <<if $showMoneyBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4CAF50; border-radius: 8px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 18px; letter-spacing: 1px;">MONEY +$20</span> </div> <<set $showMoneyBox = false>> <</if>> <!-- RETURN BUTTON --> <<link "RETURN TO CHARLOTTE'S ROOM" "CharlottesRoomPassage">> <<unset $resultVideo>> <<unset $resultVideo1>> <<unset $resultVideo2>> <<unset $resultImg>> <<unset $resultText>> <<unset $resultText1>> <<unset $resultText2>> <</link>> </div> <div style="display: none;"> [[CharlottesRoomPassage]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: left; font-family: sans-serif;"> <!-- ============================================== --> <!-- LAYER 1: IS SHE SLEEPING? --> <!-- ============================================== --> <!-- BULLETPROOF CHECK: We add the new Day Stamp logic here! --> <<if $time == "Late Night" or $time == "Midnight" or $time == "Sleep" or ($time == "Night" and $angelaLastTalkDay == $dayCount)>> <div style="text-align: center;"> <p style="color: #ddd; font-style: italic; font-size: 15px; margin-bottom: 25px;"> You peek into Angela's room, but the lights are off. She is already fast asleep in bed. You should come back tomorrow. </p> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 2: IS SHE NOT IN HER ROOM AT ALL? --> <!-- ============================================== --> <<elseif $time != "Night">> <div style="text-align: center;"> <p style="color: #ddd; font-style: italic; font-size: 15px; margin-bottom: 25px;"> Angela isn't in her bedroom right now. </p> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 3: THE MAIN REPEATABLE MENU --> <!-- ============================================== --> <<elseif $angelaQuest2Complete is true>> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/angela-white-shiny-goddess.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <p style="color: #ddd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"> You step into Angela's bedroom. She sets aside what she was doing and gives you a welcoming, expectant look. </p> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> "Hey there, good boy. What can I do for you today?" </div> </div> </div> <!-- INTERACTION MENU OPTIONS --> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center;"> <a data-passage="AngelaJerkPassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Let Her Jerk You </a> <a data-passage="AngelaLickPassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Lick Her </a> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> ??? (Locked for now) </div> </div> <div style="text-align: center; margin-top: 35px;"> <<link "Leave her be" "MainHub">><</link>> </div> <!-- ============================================== --> <!-- LAYER 4: FIRST TIME JOB QUEST TRIGGER --> <!-- ============================================== --> <<elseif $hasJob is true>> <<set $angelaQuest2Complete = true>> <<set $angelaLastTalkDay = $dayCount>> <<goto "AngelaEvent1">> <!-- ============================================== --> <!-- LAYER 5: HAS NOT FOUND A JOB YET --> <!-- ============================================== --> <<else>> <p style="color: #ddd;">Angela looks up from her reading, looking slightly stressed.</p> <p style="color: #ffb4a2; font-style: italic;">"Hey... shouldn't you be looking for a job on the PC right now?"</p> <div style="text-align: center; margin-top: 35px;"> [[Right, I'll get on that|MainHub]] </div> <</if>> </div> <!-- HIDDEN MAP LINKS --> <div style="display: none;"> [[AngelaJerkPassage]] [[AngelaLickPassage]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_angela_secretary_event to true>> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into the room with a smile on your face </p> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Someone looks happy. </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, I found a job in a major corporation as a secretary. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> A secretary huh? Well yeah, that suits you. </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You notice a sharp shift in her demeanor. The supportive smile drops entirely, replaced by a cold, calculating look that instantly makes you feel incredibly small. Her tone drips with heavy condescension, treating your new job not as a real accomplishment, but as the pathetic scrambling of a subservient pet finally learning to follow basic commands. The humiliating realization that she is actively looking down on you sends a strange, submissive thrill down your spine. </p> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Well, I guess you earned a reward, come here </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> She starts unziping your pants. Seconds later you feel her warm mouth around your penis. </p> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas blowjob 1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I cant take it anymore, fuck me nowww. </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> you slide your dick inside and start ramming her as hard as you can. </p> </div> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Harder, harderrr... </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Im cuminggg. </div> </div> </div> <!-- VIDEO PLACEHOLDER 3 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 3.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> whatt? already? it hasnt been a minute you useless piece of shit. </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Im sorry angela but your too hot couldnt hold myself. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I dont care i need to cum, come here and lick me </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> lick you? but my cum is still inside you. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I dont fucking care put that tounge to use or I will throw you outta the bedroom </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You hesitantly lower your head closer to her pussy. The smell is strong and stinchy, immediately filling your senses as the reality of the situation settles in. </p> </div> <!-- VIDEO PLACEHOLDER 4 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 4.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> yes yes, good boy lick that pussy. Ahhhhh am cumming. </div> </div> </div> <!-- BOTTOM GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_bottom.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> A mix of shock and disbelief washes over you as you realize what just happened. You can't believe you just ate your own cum. </p> </div> /* 2. THE STAT SHIELD (Blocks stats and quests if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI --> <!-- FEMININITY BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +5</span> </div> <!-- ANGELA'S DOMINATION BOX --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA'S DOMINATION +5</span> </div> <<set $jackFemininity += 5>> <<set $angelaDomination += 5>> <!-- Fixes the old quest so it disappears --> <<set $questAngela = "completed">> <!-- Starts the timer at 0 so it waits 1 full day --> <<set $angelaQuestCompleted = true>> <<set $daysSinceAngelaQuest = 0>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: left; margin-top: 35px;"> [[Next|MainHub]] </div> <</if>> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <<if $officeIntroDone>> <<goto "OfficeHub">> <<elseif not $hasJob>> <!-- 1. CHECK IF HE HAS APPLIED YET --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">ACCESS DENIED</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You stands outside the corporate building, but he has no reason to be here yet.</p> <p> Use his computer at home to apply for a position before showing up.</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage">><</link>> </div> <<elseif $time neq "Morning">> <!-- 2. CHECK IF HE IS SHOWING UP IN THE MORNING --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You can only attend your first day at the office in the morning.</p> <p>It's too late in the day now. Head back home and come back tomorrow!</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage">><</link>> </div> <<else>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">FIRST DAY OF WORK</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <!-- OPTIONAL STORY IMAGE 1 --> <img src="images/Lobby.avif" style="width: 100%; border-radius: 8px; display: block;" alt="Lobby"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You enter the office building; the massive, luxurious lobby takes your breath away for a moment before the receptionist points you toward the manager's office. </p> </div> <!-- JACK / PLAYER (GREY) --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Hello, sir. I'm <<print $playerName>>, and I'm here for my interview.</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Startled by your sudden entry, the manager quickly scrambles to adjust his seat and lower his shirt, leaving you wondering what he was just doing. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarBots" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Manager Tyron</div> <div style="color: #eee; font-size: 14px;">Jesus, man! Can't you knock on the fucking door before entering?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Oh, I'm so sorry, sir, but the receptionist told me—</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Before you can finish your sentence, he cuts you off. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarBots" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Just get it over with. You'll be assigned as a secretary for Kendra. She's waiting for you on the third floor.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Okay, sir. I'll head up there now. I'm sorry if I—</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> He cuts you off again, his tone turning much more aggressive this time. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarBots" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Just get the fuck outta my office.</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Scared, you rush out of the office and head toward the elevator, not really understanding what just happened. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarBots" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">"That skinny bitch almost caught us."</div> </div> </div> <!-- WOMAN DIALOGUE --> <div style="background-color: rgba(233, 30, 99, 0.15); border: 2px solid #e91e63; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarWoman" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;" alt="Woman"> </div> <div> <div style="color: #e91e63; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Woman</div> <div style="color: #eee; font-size: 14px;">Yes, that was close, sir.</div> </div> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarBots" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">"Back to sucking, bitch."</div> </div> </div> <!-- VIDEO SECTION (NO BOX, NO TITLE) --> <video controls style="width: 100%; border-radius: 8px; display: block; margin: 5px 0;"> <source src="videos/Desk blowjob.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <!-- NEXT BUTTON UNDER VIDEO --> <div style="text-align: center; margin-top: 15px;"> <<link "Continue to the third floor..." "OfficePart2">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficePart2]] </div> <</if>> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">THE MALL</h2> <!-- MAIN MALL IMAGE --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/mall.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <!-- SHOP --> <a data-passage="SHOP" class="room-btn" style="background-image: url('images/SHOP EXTERIOR.webp');"> <div class="room-btn-label">SHOP</div> </a> <!-- ADULT SHOP --> <a data-passage="ADULTSHOP" class="room-btn" style="background-image: url('images/Adultshop.webp');"> <div class="room-btn-label">ADULT SHOP</div> </a> <!-- ELECTRONICS SHOP --> <a data-passage="ELECTRONICSSHOP" class="room-btn" style="background-image: url('images/ELECTRONICS EXTERIOR.png');"> <div class="room-btn-label">ELECTRONICS STORE</div> </a> <!-- BOUTIQUE --> <a data-passage="BOUTIQUE" class="room-btn" style="background-image: url('images/CLOTHINGSTORE EXTERIOR.avif');"> <div class="room-btn-label">BOUTIQUE</div> </a> <!-- EXIT TO CITY --> <a data-passage="OutsidePassage" class="room-btn" style="background-image: url('images/outside.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">EXIT TO CITY</div> </a> </div> <!-- HIDDEN BACKEND LINKS: This forces Twine to register the passages and draw map lines without cluttering your UI --> <div style="display: none;"> [[SHOP]] [[ELECTRONICSSHOP]] [[ADULTSHOP]] [[BOUTIQUE]] [[OutsidePassage]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">ADULT SHOP</h2> <img src="images/ADULTSHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Message Box for errors or thoughts --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Buttplug --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Buttplug</div> <<if $hasButtplug>> <img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $questKendraPlug isnot "active">> <<replace "#shop-msg">>"Why would I want that? I have no use for this..."<</replace>> <<elseif $money >= 50>> <<set $money -= 50>> <<set $hasButtplug = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $50</div> <</if>> </div> <!-- Chastity Cage --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Chastity Cage</div> <<if $hasCage>> <img src="images/Chastity cage.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Chastity cage.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if !$questCage>> <<replace "#shop-msg">>"A cage? Yeah right, I'm not buying that."<</replace>> <<elseif $money >= 200>> <<set $money -= 200>> <<set $hasCage = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $200</div> <</if>> </div> <!-- Vibrator --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Vibrator</div> <<if $hasVibrator>> <img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if !$questVibrator>> <<replace "#shop-msg">>"I don't need a vibrator. Why would I buy this?"<</replace>> <<elseif $money >= 80>> <<set $money -= 80>> <<set $hasVibrator = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> <!-- Dildo --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Dildo</div> <<if $hasDildo>> <img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if !$questDildo>> <<replace "#shop-msg">>"No way. I'm definitely not buying a dildo..."<</replace>> <<elseif $money >= 60>> <<set $money -= 60>> <<set $hasDildo = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> <!-- Fleshlight (ALWAYS AVAILABLE) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Fleshlight</div> <<if $hasStroker>> <img src="images/Fleshlight.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Fleshlight.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $money >= 60>> <<set $money -= 60>> <<set $hasStroker = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #e91e63; max-width: 700px; margin: 20px auto;"> <h2 style="color: #e91e63; text-align: center; letter-spacing: 2px; margin-top: 0;">WOMEN'S BOUTIQUE</h2> <img src="images/Clothingstore.avif" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Message Box --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- ======================= --> <!-- SECTION: UNDERWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Lingerie & Underwear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Silky Panties (Always available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Panties</div> <<if $hasPanties>> <img src="images/Panties.jpeg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Panties.jpeg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if $money >= 40>> <<set $money -= 40>> <<set $hasPanties = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $40</div> <</if>> </div> <!-- Bra (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Bra</div> <<if $hasBra>> <img src="images/Bra.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Bra.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Why would I buy a bra? I don't even have boobs."<</replace>> <<elseif $money >= 50>> <<set $money -= 50>> <<set $hasBra = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $50</div> <</if>> </div> <!-- Lingerie Set (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Lingerie Set</div> <<if $hasLingerie>> <img src="images/Lingerie.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Lingerie.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Full lingerie? That's way too extreme for me right now..."<</replace>> <<elseif $money >= 80>> <<set $money -= 80>> <<set $hasLingerie = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: SPORTSWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Sportswear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Men's Sportswear (Always Available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Men's Tracksuit</div> <<if $hasMensSport>> <img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $money >= 100>> <<set $money -= 100>> <<set $hasMensSport = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> <!-- Women's Yoga Outfit (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Women's Yoga Set</div> <<if $hasWomensSport>> <img src="images/Yoga set.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Yoga set.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Tight yoga pants? I couldn't wear those outside..."<</replace>> <<elseif $money >=120>> <<set $money -= 120>> <<set $hasWomensSport = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $70</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: SHOES --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Shoes</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Men's Sneakers (Always Available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Men's Running Shoes</div> <<if $hasMensShoes>> <img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $money >= 80>> <<set $money -= 80>> <<set $hasMensShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> <!-- Women's Running Shoes (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Women's Shoes</div> <<if $hasWomensRunningShoes>> <img src="images/Women runnings shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Women runnings shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Why would I buy women's running shoes? Mine work just fine..."<</replace>> <<elseif $money >= 60>> <<set $money -= 60>> <<set $hasWomensRunningShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> <!-- Women's Heels (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Heels</div> <<if $hasWomensShoes>> <img src="images/Heels.png" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Heels.png" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"I don't think I could even walk in those..."<</replace>> <<elseif $money >= 80>> <<set $money -= 80>> <<set $hasWomensShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: COSTUMES --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Costumes</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Maid Outfit --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Maid Outfit</div> <<if $ownsMaidOutfit>> <!-- Kept your original owned image name --> <img src="images/item_maid.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <!-- Kept your original shop image name --> <<link '<img src="images/Maid outfit.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$maidOutfitUnlocked>> <<replace "#shop-msg">>"A French maid dress? No way I'm wearing that."<</replace>> <<elseif $money >= 150>> <<set $money -= 150>> <<set $ownsMaidOutfit = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $150</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">CONVENIENCE STORE</h2> <img src="images/SHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #e91e63; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Razors --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Pack of Razors</div> <<link '<img src="images/Razors.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 15>> <<set $money -= 15>> <<set $razors += 1>> <<goto "SHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $15</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: $razors</div> </div> <!-- Energy Drink --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Energy Drink</div> <<link '<img src="images/Monster_Energy_drink_(cropped).jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 10>> <<set $money -= 10>> <<set $energy = Math.min($maxEnergy, $energy + 50)>> <<goto "SHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $10</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Restores 50 Energy</div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <h2 style="color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px;">HOUSE UPGRADES</h2> <!-- DISPLAY CURRENT MONEY --> <div style="background: rgba(223, 186, 107, 0.1); border: 1px solid #dfba6b; border-radius: 8px; padding: 12px; text-align: center; margin-bottom: 25px;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px;"> CURRENT MONEY: $<span style="color: #fff;"><<print $money>></span> </span> </div> <!-- 1. CHARLOTTE'S ROOM ($8,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Charlotte's Room Upgrade — $8,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Fix up Charlotte's bedroom with a fresh coat of paint, clean bedding, and new furniture. </p> <<if $charlotteRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 8000>> <div style="text-align: center;"> <<button "Upgrade Charlotte's Room ($8,000)">> <<set $money -= 8000>> <<set $charlotteRoomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $8,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 2. BATHROOM ($12,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Bathroom Renovation — $12,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace old fixtures with modern tilework, an upgraded vanity, and a new glass shower stall. </p> <<if $bathroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 12000>> <div style="text-align: center;"> <<button "Upgrade Bathroom ($12,000)">> <<set $money -= 12000>> <<set $bathroomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $12,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- HALLWAY RENOVATION ($15,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Hallway Renovation — $15,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Modernize the shared hallway with clean flooring, fresh paint, and modern wall lighting. </p> <<if $hallwayUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 15000>> <div style="text-align: center;"> <<button "Upgrade Hallway ($15,000)">> <<set $money -= 15000>> <<set $hallwayUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $15,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 3. MAIN BEDROOM ($18,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Main Bedroom Remodel — $18,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace worn furniture with a king-size bed frame, elegant lighting, and new hardwood flooring. </p> <<if $bedroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 18000>> <div style="text-align: center;"> <<button "Upgrade Main Bedroom ($18,000)">> <<set $money -= 18000>> <<set $bedroomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $18,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 4. KITCHEN ($25,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Kitchen Overhaul — $25,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Install luxury marble countertops, custom cabinets, and top-of-the-line stainless steel appliances. </p> <<if $kitchenUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 25000>> <div style="text-align: center;"> <<button "Upgrade Kitchen ($25,000)">> <<set $money -= 25000>> <<set $kitchenUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $25,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 5. LIVING ROOM ($35,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Living Room Redesign — $35,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Furnish with modern leather seating, a high-end entertainment system, and full interior decoration. </p> <<if $livingRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 35000>> <div style="text-align: center;"> <<button "Upgrade Living Room ($35,000)">> <<set $money -= 35000>> <<set $livingRoomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $35,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 6. BACKYARD ($50,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Backyard & Exterior — $50,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Full landscaping, private fencing, outdoor lounge furniture, and a patio area. </p> <<if $backyardUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 50000>> <div style="text-align: center;"> <<button "Upgrade Backyard ($50,000)">> <<set $money -= 50000>> <<set $backyardUpgraded = true>> <<set $houseUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $50,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- RETURN BUTTON --> <div style="text-align: left; margin-top: 30px;"> [[Back to Main Hub|MainHub]] </div> <</nobr>>
<<nobr>> <!-- CHARLOTTE DIALOGUE BOX (GREEN) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">What do you want?</div> </div> </div> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 40px;"> <<link "Return" "CharlottesRoomPassage">><</link>> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 850px; margin: 20px auto;"> <h3 style="color: #ff5252; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin-top: 0; font-size: 22px;">BUSTED!</h3> <hr style="border-color: #333; margin-bottom: 25px;"> <!-- NARRATIVE --> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You hold your breath and take a quiet step into the pitch-black room. Just as you reach toward her dresser, your foot catches the edge of her rug. You stumble forward, knocking a glass off her nightstand. It hits the floor with a loud <b>CRASH</b>. </p> </div> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> The bedside lamp immediately clicks on, blinding you for a second. As your eyes adjust, you see Charlotte sitting up in bed, clutching the sheets to her chest. Her startled expression quickly melts into furious realization. </p> </div> <!-- CHARLOTTE DIALOGUE BOX (GREEN - MATCHING ANGELA'S STYLE) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">"What the hell?! What are you doing creeping around my room in the middle of the night?!"</div> </div> </div> <!-- JACK'S DIALOGUE BOX (MATCHING YOUR 2ND IMAGE) --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;"><<print $playerName>></div> <div style="color: #fff; font-size: 1em;">"I... uh... I thought I heard a weird noise. I was just checking to make sure everything was okay."</div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX (GREEN) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 25px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">"In pitch black? wait... are those my panties? you fkn pervert stealing your own stepdaughters panties get the fuck out before i call mom."</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 35px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You panic, dropping the underwear as you scramble back out into the hallway and slam the door shut behind you. Your face burns with utter humiliation. She caught you red-handed. </p> </div> <!-- EXIT BUTTON --> <div style="text-align: center;"> <<link '<span style="display: inline-block; background: #1a1a1a; color: #ff5252; font-weight: bold; padding: 14px 30px; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.2); text-transform: uppercase; letter-spacing: 1.5px; cursor: pointer;">Retreat to the Hallway</span>'>> <<goto "HallwayPassage">> <</link>> </div> </div> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">FIRST DAY OF WORK</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(Hmm... That was weird. I hope Mrs. Kendra isn't like that.)</div> </div> </div> <!-- ELEVATOR IMAGE --> <img src="images/Elevator.jpg" style="width: 100%; border-radius: 8px; display: block;" alt="Elevator"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> On the third floor, you knock on Kendra's door. When she opens it, your mind is blown by how gorgeous her face is and how huge her cleavage is. </p> </div> <!-- KENDRA OFFICE IMAGE --> <img src="images/Kendra office.jpg" style="width: 100%; border-radius: 8px; display: block;" alt="Kendra Office"> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Come in, <<print $playerName>>. Make yourself comfortable.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Thank you, Ms. Kendra. I'm looking forward to working with you.</div> </div> </div> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Let's go over your duties: managing my calendar, organizing meetings, and handling whatever other tasks I might require. Your desk is right outside my door. Hours are Monday through Friday, full days, at a rate of $300 a day. Clear?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Uh, yes, ma'am..( What does she mean by whatever else she might require?)</div> </div> </div> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Head to your desk, then.</div> </div> </div> <!-- BUTTON TO CONTINUE --> <div style="text-align: center; margin-top: 20px;"> <<link "Step onto the office floor..." "OfficeHub">> <<set $officeIntroDone = true>> <<set $hasJob = true>> <<set $questWork = "completed">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <<if $time is "Evening" or $time is "Night">> <!-- THE "TOO LATE" FORCED EXIT SCREEN --> <div style="background: #0f0f15; border-radius: 16px; padding: 40px; border: 1px solid #ff5252; max-width: 600px; margin: 40px auto; text-align: center;"> <h2 style="color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE...</h2> <p style="color: #ddd; font-size: 16px; margin-bottom: 30px;">The office is closing up for the evening. Security tells you it's time to leave.</p> <!-- Button just in case they don't want to wait for the auto-redirect --> <<link "EXIT TO CITY" "OutsidePassage">><</link>> </div> <!-- This automatically sends them to OutsidePassage after 3.5 seconds! --> <<timed 3.5s>><<goto "OutsidePassage">><</timed>> <<else>> <!-- NORMAL DAYTIME OFFICE HUB (Only shows Morning/Noon/Afternoon) --> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">THE OFFICE</h2> <!-- MAIN OFFICE IMAGE --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- WARNING MESSAGE BOX (For Energy) --> <div id="office-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <!-- WORK DESK --> <<if $energy < 20>> <!-- LOCKED: TOO TIRED (Requires 20 Energy to work) --> <<link '<div class="room-btn" style="width: 180px; height: 250px; background-image: url(\'images/work.webp\'); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(100%); opacity: 0.8;"><div class="room-btn-label">WORK</div></div>'>> <<replace "#office-msg">>You are too tired! You need at least 20 Energy to work.<</replace>> <</link>> <<else>> <!-- OPEN FOR WORK --> <a data-passage="OfficeWorkPassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/work.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;"> <div class="room-btn-label">WORK</div> </a> <</if>> <!-- KENDRA'S OFFICE --> <<if $equippedBra is true and $equippedPanties is true and $faceShaved is true and ($dayCount - $legShavedDay) < 10 and ($dayCount - $chestShavedDay) < 10 and ($dayCount - $crotchShavedDay) < 10 and ($dayCount - $assShavedDay) < 10 and $questAngelaBra is "active">> <!-- TRAP 1: Hijacks the button to trigger the First Boss Event --> <a data-passage="KendraOfficeEvent" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; box-shadow: 0 0 15px rgba(255, 82, 82, 0.6);"> <div class="room-btn-label" style="color: #ff5252;">KENDRA'S OFFICE</div> </a> <<elseif $questKendraPlug is "active" and $equippedPlug is true>> <!-- TRAP 2: Hijacks the button to turn in the Buttplug Quest (STAGE 1) --> <a data-passage="KendraPlugReturnEvent" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; box-shadow: 0 0 15px rgba(76, 175, 80, 0.6);"> <div class="room-btn-label" style="color: #4caf50;">KENDRA'S OFFICE</div> </a> <<else>> <!-- NORMAL: Regular visit to her office --> <a data-passage="KendraOfficePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">KENDRA'S OFFICE</div> </a> <</if>> <!-- COWORKER DESK --> <a data-passage="CoworkerDeskPassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Lauren office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">COWORKER OFFICE</div> </a> <!-- MANAGER OFFICE --> <a data-passage="ManagerOfficePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/manager office.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">MANAGER OFFICE</div> </a> <!-- EXIT TO CITY --> <a data-passage="OutsidePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/outside.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 2px solid #d4af37;"> <div class="room-btn-label">EXIT TO CITY</div> </a> </div> <</if>> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[OfficeWorkPassage]] [[KendraPleaseEvent]] [[KendraPlugReturnEvent]] [[KendraOfficePassage]] [[CoworkerDeskPassage]] [[ManagerOfficePassage]] [[OutsidePassage]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Swimming Pool</h3> <<if $time is "Night">> <p>It's too dark and late out to go for a swim right now. You should come back tomorrow.</p> <<else>> <!-- Check if player has enough energy --> <<if $energy >= 30>> <!-- Deduct energy, add fitness, advance time --> <<set $energy -= 30>> <<set $jackFitness += 1>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You dive into the cool water and swim a few rigorous laps. It's exhausting, but you can feel yourself getting into better shape.</p> <!-- Placeholder for Main Image --> <img src="images/swimming.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notifications --> <p style="color: #4caf50; font-weight: bold; text-align: center;">[+] Fitness increased by 1!</p> <p style="color: #f44336; font-weight: bold; text-align: center;">[-] Energy decreased by 30.</p> <<else>> <!-- Fallback if energy is too low --> <p>You are far too exhausted to go swimming right now. You need at least 30 Energy.</p> <</if>> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Sunbathing</h3> <<if $time is "Night">> <p>The sun has already gone down. It's much too late for sunbathing.</p> <<else>> <!-- Add energy, prevent going over maxEnergy, advance time --> <<set $energy += 20>> <<if $energy > $maxEnergy>> <<set $energy = $maxEnergy>> <</if>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You lay out on a lounger and soak up the sun. The warmth is incredibly relaxing and gives you a nice boost of energy to keep going.</p> <!-- Placeholder for Main Image --> <img src="images/sunbathing.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notification --> <p style="color: #00e676; font-weight: bold; text-align: center;">[+] Energy increased by 20!</p> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage]] </div> <</nobr>>
<<nobr>> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 25px;">QUEST LOG</h2> <!-- ========================================== --> <!-- PHASE 1: INITIAL QUEST (LOOK FOR A JOB) --> <!-- ========================================== --> <<if def $questJob and $questJob is "active">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #00bcd4; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Secure a Job </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Use the PC in your bedroom to find and apply for a job. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #00bcd4; font-size: 13px; font-weight: bold;"> Status: Active </span> </div> </div> <</if>> <!-- ========================================== --> <!-- PHASE 2: UNLOCKED AFTER JOB APPLICATION --> <!-- ========================================== --> <<if $hasJob>> <!-- QUEST: TALK TO ANGELA (CYAN) --> <<if def $questAngela and $questAngela is "active">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #00bcd4; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Talk to Angela </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Talk to Angela in her bedroom at night. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #00bcd4; font-size: 13px; font-weight: bold;"> Objective: Visit Angela's Bedroom </span> </div> </div> <</if>> <!-- QUEST: ATTEND FIRST DAY AT WORK (KEPT ORIGINAL) --> <<if def $questWork and $questWork is "active">> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #dfba6b; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h3 style="color: #ffeb3b; margin-top: 0; margin-bottom: 10px;">First Day at Work</h3> <p style="color: #ccc; font-size: 15px; line-height: 1.5; margin-bottom: 15px;"> Attend your first day at the office. </p> <span style="display: inline-block; background: rgba(255, 193, 7, 0.2); color: #ffc107; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: bold; text-transform: uppercase;">Status: Active</span> </div> <</if>> <</if>> <!-- ========================================== --> <!-- PHASE 3: AFTER ANGELA'S FIRST QUEST --> <!-- ========================================== --> <!-- QUEST: GO TO SLEEP (CHARLOTTE NIGHT EVENT - GREEN) --> <<if $daysSinceAngelaQuest == 1 and $questCharlotteNight isnot "completed">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #4caf50; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #4caf50; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Get Some Rest </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> It's been a crazy day. Head to your bedroom and get some sleep. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #4caf50; font-size: 13px; font-weight: bold;"> Objective: Go to sleep </span> </div> </div> <</if>> <!-- ============================================== --> <!-- CHARLOTTE AFTERMATH QUEST (GREEN) --> <!-- ============================================== --> <<if $questCharlotteNight == "completed" and $dream2Done is false>> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #4caf50; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #4caf50; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Unsettling Discoveries </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> You can't get what you saw out of your head. Maybe getting some sleep will help clear your mind. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #aaa; font-size: 13px; font-weight: bold;"> Objective: Go to sleep ( <<if $dream1Done is false>> 0/2 Nights <<else>> <span style="color: #4caf50;">1/2 Nights</span> <</if>> ) </span> </div> </div> <</if>> <!-- ============================================== --> <!-- QUEST 1: A STRANGE URGE (THE PANTIES - PINK) --> <!-- ============================================== --> <!-- Appears after first day of work, vanishes once Charlotte catches him --> <<if $officeIntroDone is true and $charlotteBlackmail isnot true>> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #e91e63; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #dfba6b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> A Strange Urge </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> You've been feeling... different lately. Your mindset is changing, and you keep catching yourself staring at the women's section when you go shopping. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #aaa; font-size: 13px; font-weight: bold;"> <<if $jackFemininity < 20>> Objective: Reach Femininity 20 (Current: <<print $jackFemininity>>/20) <<elseif $hasPanties isnot true>> <span style="color: #4caf50;">Objective: Buy Pink Panties from the Clothing Store</span> <<else>> <span style="color: #4caf50;">Objective: Try them on in your Wardrobe...</span> <</if>> </span> </div> </div> <</if>> <!-- ============================================== --> <!-- QUEST 2: OFFICE PARANOIA (LAUREN - ORANGE) --> <!-- ============================================== --> <!-- Appears once Charlotte forces him to wear them, vanishes once Lauren spills the coffee --> <<if $charlotteBlackmail is true and $laurenBlackmail isnot true>> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #ffb74d; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Office Paranoia </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Charlotte has blackmailed you. You are now forced to wear panties everywhere, including to work. You need to go into the office and drop off some files at Lauren's desk, but you are terrified someone will notice. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #ffb74d; font-size: 13px; font-weight: bold;"> Objective: Go to work and visit Lauren's desk. </span> </div> </div> <</if>> <!-- QUEST: LAUREN'S LITTLE SECRET (ORANGE) --> <<if $laurenBlackmail is true and $laurenFullShaveOrdered isnot true>> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #ffb74d; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> Lauren's Little Secret </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Lauren caught you wearing women's underwear. She agreed not to report you to HR, but only if you commit to your new role and shave your face and legs. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #ffb74d; font-size: 13px; font-weight: bold;"> <<if $faceShaved isnot true or $legsShaved isnot true>> Objective: Go to your Bathroom and shave your face and legs. <<else>> <span style="color: #4caf50;">Objective: Go to Lauren's Desk and show her your shaved legs.</span> <</if>> </span> </div> </div> <</if>> <!-- ============================================== --> <!-- QUEST 4: A SMOOTH PET (LAUREN - ORANGE) --> <!-- ============================================== --> <<if $laurenFullShaveOrdered is true and $questAngelaBra is "inactive">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #ffb74d; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> A Smooth Pet </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Lauren ordered you to finish the job and shave your chest, crotch, and ass completely bare so you look like a proper pet. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <!-- SIMPLE TRUE/FALSE CHECK --> <<if $chestShaved is true and $crotchShaved is true and $assShaved is true>> <span style="color: #4caf50; font-size: 13px; font-weight: bold;"> Objective Completed! You are completely hairless. Go to sleep to end the day. </span> <<else>> <span style="color: #ffb74d; font-size: 13px; font-weight: bold;"> Objective: Go to your Bathroom and shave your Chest, Crotch, and Ass. <!-- DEBUG TRACKER: Shows you exactly what Twine is reading --> <br><span style="font-size: 11px; color: #888; font-weight: normal; margin-top: 5px; display: inline-block;"> System Check: Chest=<<print $chestShaved>> | Crotch=<<print $crotchShaved>> | Ass=<<print $assShaved>> </span> </span> <</if>> </div> </div> <</if>> <!-- ============================================== --> <!-- QUEST 5: A GROWING SISSY (ANGELA - CYAN) --> <!-- ============================================== --> <<if $questAngelaBra is "active">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #00bcd4; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> A Growing Sissy </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Angela woke you up and caught you completely shaved and wearing pink panties. Instead of freaking out, she degraded you and ordered you to buy and wear a bra to complete the set. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #00bcd4; font-size: 13px; font-weight: bold;"> <<if $equippedBra is true>> <span style="color: #4caf50;">Go to Kendras office.</span> <<elseif $jackFemininity < 30>> Objective: Reach Femininity 30 to buy a bra (Current: <<print $jackFemininity>>/30) <<elseif $hasBra isnot true>> Buy a Bra from the Boutique <<else>> <span style="color: #ff9800;">Put the Bra on in your Wardrobe</span> <</if>> </span> </div> </div> <</if>> <!-- ============================================== --> <!-- QUEST 6: THE BOSS'S TOY (KENDRA - RED) --> <!-- ============================================== --> <<if $questKendraPlug is "active">> <div style="background: rgba(255, 255, 255, 0.05); border-left: 4px solid #ff5252; border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: left;"> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;"> The Boss's Toy </div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;"> Lauren told Kendra everything. The boss forced you to strip in her office and saw your panties, bra, and shaven body. She ordered you to buy a buttplug so you are always "ready" for work. </div> <div style="background: rgba(0, 0, 0, 0.3); padding: 8px 12px; border-radius: 4px; display: inline-block;"> <span style="color: #ff5252; font-size: 13px; font-weight: bold;"> <<if $equippedPlug is true>> <span style="color: #4caf50;">Return to Kendra.</span> <<elseif $jackFemininity < 45>> Reach Femininity 45 to buy the plug (Current: <<print $jackFemininity>>/45) <<elseif $hasButtplug isnot true>> Buy a Buttplug <<else>> <span style="color: #ff9800;">Put the Buttplug in via your Wardrobe</span> <</if>> </span> </div> </div> <</if>> <!-- ============================================== --> <!-- END OF CONTENT / TO BE CONTINUED SCREEN --> <!-- ============================================== --> <<if $questKendraPlug is "complete" or $questKendraPlug is "completed" or $questKendraPlug is true>> <div style="background: #1a1a24; border: 2px dashed #dfba6b; border-radius: 12px; padding: 30px; text-align: center; margin: 40px auto; max-width: 600px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h2 style="color: #dfba6b; letter-spacing: 2px; margin-bottom: 15px;">🌟 TO BE CONTINUED... 🌟</h2> <p style="color: #ddd; font-size: 16px; line-height: 1.5; margin-bottom: 20px; font-weight: 500;"> You have completed all available quests for the current version of the game! <br><br> Thank you so much for playing this early build. </p> <div style="background: rgba(223, 186, 107, 0.1); border-left: 4px solid #dfba6b; padding: 15px; margin: 20px 0;"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0;"> More story, events, and interactions are heavily under development. To support the project and get early access to the next update, please consider checking out the Patreon! </p> </div> </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <<link "Back" $lastPassage>><</link>> </div> <</nobr>>
<<nobr>> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #00bcd4; letter-spacing: 2px; margin-bottom: 25px;">INVENTORY</h2> <p style="text-align: center; color: #888; font-size: 14px; margin-top: -15px; margin-bottom: 25px;"> <em>Usable items and tools. (Wearable accessories are stored in your Wardrobe).</em> </p> <!-- MAIN INVENTORY BOX --> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #00bcd4; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0;"> <!-- RAZOR --> <<if ($razors || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="images/Razor.avif" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <div> <span style="color: #00bcd4; font-weight: bold;">▶ Shaving Razor</span> <span style="color: #888; font-size: 13px; display: block;">Keeps body hair in check.</span> </div> </div> <span style="background: #222; border: 1px solid #00bcd4; color: #00bcd4; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $razors>></span> </li> <</if>> <!-- DILDO --> <<if $hasDildo>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Dildo2.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #ff69b4; font-weight: bold;">▶ Standard Dildo</span> </li> <</if>> <!-- VIBRATOR --> <<if $hasVibrator>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Vibrator2.webp" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #ff69b4; font-weight: bold;">▶ Vibrator</span> </li> <</if>> <!-- STROKER --> <<if $hasStroker>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Fleshlight.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #4caf50; font-weight: bold;">▶ Male Stroker</span> </li> <</if>> <!-- EMPTY INVENTORY FALLBACK --> <<if (($razors || 0) <= 0) and not $hasDildo and not $hasVibrator and not $hasStroker and ($spycamCount || 0) <= 0 and not $hasNewPhone>> <li style="text-align: center; font-style: italic; color: #888; border: none;"> Your inventory is currently empty. </li> <</if>> </ul> <!-- ============================================================== --> <!-- ELECTRONICS INVENTORY --> <!-- ============================================================== --> <<if ($spycamCount || 0) > 0 or $hasNewPhone is true>> <h3 style="color: #dfba6b; margin-top: 15px; border-bottom: 1px solid #444; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1.5px;">Electronics</h3> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 15px;"> <!-- SPYCAM --> <<if ($spycamCount || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/SPYCAM.jpg" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #dfba6b; font-weight: bold;">▶ Hidden Spycam</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">(WIP - Useless for now)</span> </div> </div> <span style="background: #222; border: 1px solid #dfba6b; color: #dfba6b; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $spycamCount>></span> </li> <</if>> <!-- SMARTPHONE --> <<if $hasNewPhone is true>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/SMARTPHONE.webp" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #ccc; font-weight: bold;">▶ Smartphone</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">No signal...</span> </div> </div> <span style="background: #222; border: 1px solid #ccc; color: #ccc; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">Owned</span> </li> <</if>> </ul> <</if>> </div> <!-- Closes the main inventory box --> <!-- DYNAMIC BACK BUTTON --> <div style="text-align: center; margin-top: 30px;"> <<print '[[Back|' + $lastPassage + ']]'>> </div> </div> <</nobr>>
<<nobr>> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 25px;">SHAVING</h2> <p style="color: #ccc; font-size: 15px; text-align: center; margin-bottom: 20px;"> Select an area to shave. Shaving takes time, consumes a razor, and hair will naturally regrow after 10 days. Shaving your legs and ass increases your femininity. </p> <!-- Razor Count Display --> <p style="text-align: center; color: #00bcd4; font-weight: bold; margin-bottom: 25px;"> Razors Available: x<<print ($razors || 0)>> </p> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #dfba6b; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <!-- FACE OPTION (ALWAYS UNLOCKED) --> <div style="padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Face</strong> <<set _faceDaysPassed = $dayCount - $faceShavedDay>> <<if _faceDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _faceDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _faceDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link "Shave Face">> <<set $razors -= 1>> <<set $faceShavedDay = $dayCount>> <<set $faceShaved = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px;">Smooth</span> <</if>> </div> </div> <!-- LEGS OPTION (UNLOCKED BY QUEST OR LAUREN) --> <<if $LegsQuestComplete is true or $laurenBlackmail is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Legs</strong> <<set _legDaysPassed = $dayCount - $legShavedDay>> <<if _legDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _legDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _legDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link "Shave Legs">> <<set $razors -= 1>> <<set $legShavedDay = $dayCount>> <<set $jackFemininity += 2>> <<set $legsShaved = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <!-- ALWAYS GOES TO THE EVENT PASSAGE NOW --> <<goto "FirstTimeLegShaveEvent">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px;">Smooth</span> <</if>> </div> </div> <</if>> <!-- CROTCH OPTION (LOCKED BEHIND QUEST) --> <<if $CrotchQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Crotch</strong> <<set _crotchDaysPassed = $dayCount - $crotchShavedDay>> <<if _crotchDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _crotchDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _crotchDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link "Shave Crotch">> <<set $razors -= 1>> <<set $crotchShavedDay = $dayCount>> <<set $crotchShaved = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px;">Smooth</span> <</if>> </div> </div> <</if>> <!-- CHEST OPTION (LOCKED BEHIND QUEST) --> <<if $ChestQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Chest</strong> <<set _chestDaysPassed = $dayCount - $chestShavedDay>> <<if _chestDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _chestDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _chestDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link "Shave Chest">> <<set $razors -= 1>> <<set $chestShavedDay = $dayCount>> <<set $chestShaved = true>> <!-- ADDED FIX --> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px;">Smooth</span> <</if>> </div> </div> <</if>> <!-- ASS OPTION (LOCKED BEHIND QUEST) --> <<if $AssQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Ass</strong> <<set _assDaysPassed = $dayCount - $assShavedDay>> <<if _assDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _assDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _assDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link "Shave Ass">> <<set $razors -= 1>> <<set $assShavedDay = $dayCount>> <<set $jackFemininity += 5>> <<set $assShaved = true>> <!-- ADDED FIX --> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px;">Smooth</span> <</if>> </div> </div> <</if>> </div> <div style="text-align: center; margin-top: 25px; color: #00bcd4; font-style: italic; font-size: 14px; letter-spacing: 1px;"> (Your look changes after shaving or wearing a toy, check the mirror!) </div> <!-- Back Button --> <div style="text-align: center; margin-top: 30px;"> [[Back to Bathroom|BathroomPassage]] </div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h2 style="color: #dfba6b; letter-spacing: 2px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;">AT WORK</h2> <!-- WORK IMAGE / GIF --> <div style="width: 100%; height: auto; display: block; margin-bottom: 20px;"> <img src="images/Working.gif" style="width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; border: 2px solid #333;"> </div> <!-- NARRATIVE TEXT --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">You put your head down and grind through the day's tasks. Staring at the screen is exhausting, but seeing that direct deposit hit your account makes it worth it.</p> </div> <!-- UPDATE STATS BEHIND THE SCENES --> <<set $money += 300>> <<set $energy -= 20>> <<if $energy < 0>><<set $energy = 0>><</if>> <!-- Prevents energy from dropping below 0 --> <!-- STAT UPDATE UI BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4CAF50; border-radius: 8px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 18px; letter-spacing: 1px;">MONEY +$300</span><br> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -20</span> </div> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <<link "RETURN TO DESK" "OfficeHub">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Kendra's Office</h2> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Kendra office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">What are you doing in here? We already went over your duties: managing my calendar, organizing meetings, and handling whatever tasks I require. Your desk is right outside my door. Unless you have something for me, get back to it.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">S-sorry, Kendra. I'll get right back to work.</div> </div> </div> <!-- ========================================== --> <!-- ACTION BUTTONS --> <!-- ========================================== --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <!-- PLEASE HER BUTTON (Only shows after plug quest is completed) --> <<if $questKendraPlug is "completed">> <a data-passage="KendraPleaseEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 82, 82, 0.2);"> PLEASE HER </a> <</if>> <!-- LEAVE BUTTON (Always visible) --> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Desk</h2> <!-- ========================================== --> <!-- PHASE 1: THE FIRST IMPRESSION (ONE-TIME) --> <!-- ========================================== --> <<if $metLauren is false>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You approach the final desk on your orientation list. A striking woman is leaning back in her chair, casually inspecting her nails while scrolling through her phone, ignoring your presence entirely. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Hello, I'm <<print $playerName>>. Kendra told me I should introduce myself to the rest of the team—</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, so you're the new guy. <span style="font-style: italic; color: #aaa;">(God, he looks like a total pushover.)</span> Kendra already filled me in on you.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Really? I'm curious... what did she say?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, never you mind. Anyway, welcome aboard.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Without warning, she loosens her grip, letting a pen and several papers slide off her desk. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oops, how clumsy of me. My back has been aching from sitting here all day—would you mind picking those up for me?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Y-yes, of course, ma'am.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You drop down beneath the desk to gather the papers, but your eyes catch the sight of her feet tucked inside high heels. They look impossibly striking. </p> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Damn... those feet look incredible.)</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Feet.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Hey... are you staring down at my feet?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Wh-what? No! Of course not, ma'am!</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Don't lie to me, sissy. I saw you gawking. Peeping is a serious HR violation that'll get you fired on the spot. So, either you confess right now, or I'm taking this straight to Kendra.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No, please don't tell her! I desperately need this job... Yes, I was looking. I'm sorry, they just looked so gorgeous...</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Is that so? Then why don't you come closer and give them a proper massage?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">B-but ma'am, that's completely inappropriate! Plus, I'm a married man...</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You should've thought about that before acting like a pervert. Now get down there and do it, or I'm dialing Kendra right now.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Before you can protest further, she casually rests her legs right across your lap, a cruel, triumphant smirk spread across her face. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Your cheeks burn with a searing wave of humiliation, yet an unexpected thrill coils deep in your chest as you lean in. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You're surprisingly agile with that tongue... Now peel off my tights, bitch.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmhmm, you really are just a natural-born lap dog. I'm going to have so much fun breaking you in.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet3.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I'll spare you the rest today, doggy. But because you behaved like a good little sissy, I'll keep this between us and let you off the hook with Kendra.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thank you, ma'am... <span style="font-style: italic; color: #aaa;">(What the hell is happening to me? Why am I letting this happen... though her feet really did taste incredible.)</span></div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You scramble to your feet and turn to rush out of the office in shame. Just as you reach the exit, you hear Lauren dial a number and put her phone on speaker. <br><br> <strong>Lauren:</strong> "Kendra? You were absolutely right. He's totally pathetic. He actually got on his knees and licked my feet in the middle of the floor..." </p> </div> <<set $metLauren = true>> <<set $time = "Evening">> <<set $jackCuck += 5>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> FLEE THE OFFICE (EVENING) </a> </div> <!-- ========================================== --> <!-- PHASE 2: EVENT TRIGGER: THE COFFEE SPILL --> <!-- ========================================== --> <<elseif $charlotteBlackmail is true and $laurenBlackmail isnot true>> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk up to Lauren's desk to drop off some files. She turns around quickly, holding a full mug of hot coffee. Before you can even react, she trips, sending the scalding brown liquid splashing directly onto your crotch! </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Coffe spill.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oops, I am sorry! Go to the restroom and clean up before it stains! Hurry!</div> </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="LaurenBathroomEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RUSH TO THE BATHROOM </a> </div> <!-- ========================================== --> <!-- PHASE 3: NORMAL DESK --> <!-- ========================================== --> <<else>> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, perfect timing, I am *so* swamped today. Be a good sissy and finish entering these reports for me.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Uh, yeah, sure Lauren. I'll get it done.</div> </div> </div> <!-- ACTION BUTTONS --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <!-- PLEASE HER BUTTON (Only shows after shaving quest is complete!) --> <<if $questAngelaBra isnot "inactive">> <div style="width: 100%; text-align: center; margin-bottom: 10px;"> <span style="color: #ff9800; font-weight: bold; font-style: italic; font-size: 13px; letter-spacing: 1px;"> (You can now serve Lauren in her office!) </span> </div> <a data-passage="LaurenPleaseEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> PLEASE HER </a> <</if>> <!-- SHOW LEGS BUTTON (Only appears when shaved AND hasn't been ordered to shave the rest yet) --> <<if $legsShaved is true and $laurenFullShaveOrdered is false>> <a data-passage="LaurenFullShaveOrder" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> SHOW HER YOUR LEGS </a> <</if>> <!-- LEAVE BUTTON --> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> TAKE HER WORK & LEAVE </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[LaurenBathroomEvent]] [[LaurenFullShaveOrder]] [[OfficeHub]] [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_midnight to true>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Midnight Discovery</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You quietly step out of your bedroom, the cold floor sending a shiver up your spine. The house is pitch black, save for a faint sliver of light spilling from Charlotte's partially open door. Holding your breath, you creep down the hallway and peer through the narrow gap... </p> </div> <!-- MAIN IMAGE PLACEHOLDER --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/Door peeping.jpeg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Your stomach drops entirely, a cold sweat breaking out across your forehead. Through the narrow gap in the door, you see Charlotte eagerly shedding her clothes, tossing them carelessly to the floor. But she isn't alone. Multiple strange, imposing men are standing in the center of her bedroom, their eyes fixed on her as she strips. You freeze in absolute disbelief, your mind racing as you try and fail to process the reality of what is happening right down the hall in your own house. </p> </div> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 15px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Oh yeah, we are gonna have a great night with this little white hoe. You've been keeping us waiting. </div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I knew she was a complete slut the moment I saw her walking the halls in school. Stop stalling and come show us some love, bitch. </div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Yes, daddy. Whatever you want.</div> </div> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Daddy? School? Are these guys from her school? What the hell has she gotten herself into?) </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You watch, completely paralyzed, as she eagerly moves between them, kissing each of the strangers. Within moments, they guide her to the edge of the bed, pushing her down onto all fours as the men seamlessly surround her. </p> </div> <!-- VIDEO 2 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 3 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 15px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 3</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Damn, look at her go. This hoe really knows exactly how to work a dick. </div> </div> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> If she can handle one like that, I bet she can work two at once. Move over, let me hop in there. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With that said, the men close in. One of them roughly penetrates her from behind, while the other two step up to her face, dominating her mouth as she eagerly takes them in. </p> </div> <!-- VIDEO 3 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang3.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Oh my god... is that really Charlotte? The girl who barely even speaks to me? I can't believe what I'm seeing right now.) </div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Enough warming up. It's time to completely ravage that sweet ass of yours, bitch. </div> </div> </div> <!-- VIDEO 4 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang4.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 3 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 3</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Holy shit, this bitch's ass is tight as fuck. She's taking all of it. </div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Ahhh yes dadddyyy! Ahhh it's soo bigggh, please don't stop</div> </div> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (No, no, no... how is she even physically taking all of those huge dicks at once? This is insane. Why am I even standing here watching this?) </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> The answer to that question becomes painfully clear a moment later. You slowly look down past your waist, only to realize with a sudden wave of intense shame that your penis is completely, uncontrollably rock hard. </p> </div> <!-- IMAGE 2 PLACEHOLDER --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/29095245.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Shit... am I seriously getting hard just from standing in the hallway watching my stepdaughter get fucked by strangers? What is wrong with me?) </div> </div> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Alright, come here slut. It's time for your final treat. </div> </div> </div> <!-- VIDEO 5 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang5.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Ah... so much cum... I love it. Thank you.</div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> We are getting out of here before anyone wakes up. Have sweet dreams, slut. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Seeing the men suddenly zipping up and turning toward the bedroom door snaps you out of your trance. Panic surges through your chest. You scramble backward down the dark hallway, sprinting back to your bedroom before you are caught. As you dive under the covers, your heart pounds in your ears—a chaotic, overwhelming mix of shock, deep humiliation, and a twisted, lingering excitement. </p> </div> /* 2. THE STAT SHIELD (Blocks stats and time changes if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI (Stacked boxes) --> <!-- JACK CUCK BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 235, 59, 0.1); border: 1px solid #ffeb3b; border-radius: 8px;"> <span style="color: #ffeb3b; font-weight: bold; font-size: 18px; letter-spacing: 1px;">CUCK +5</span> </div> <!-- CHARLOTTE SLUT BOX --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">CHARLOTTE SLUT +5</span> </div> <!-- BACKEND MATH & QUEST UPDATES --> <<set $jackCuck += 5>> <<set $charlotteSlut += 5>> <!-- 1. Close the quest so it disappears from the log and stops the timer trap --> <<set $questCharlotteNight = "completed">> <!-- 2. Reset time and energy so Jack wakes up properly the next day --> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> SNEAK BACK TO BED </a> </div> <</if>> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">ELECTRONICS STORE</h2> <img src="images/ELECTRONICS INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #e91e63; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- ==================== --> <!-- ITEM 1: HIDDEN SPYCAM --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Hidden Spycam</div> <!-- Clickable Image (Fixes the NaN bug automatically!) --> <<link '<img src="images/SPYCAM.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 900>> <<set $money -= 900>> <!-- Failsafe: if the game forgot the variable, it forces it to 0 before adding --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <<set $spycamCount += 1>> <<goto "ELECTRONICSSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $900</div> <!-- Failsafe check for display text --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: <<print $spycamCount>></div> </div> <!-- ==================== --> <!-- ITEM 2: SMARTPHONE --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Smartphone</div> <!-- Clickable Image --> <<link '<img src="images/SMARTPHONE.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $hasNewPhone is true>> <<replace "#shop-msg">>You already own this phone.<</replace>> <<elseif $money >= 2000>> <<set $money -= 2000>> <<set $hasNewPhone = true>> <<goto "ELECTRONICSSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $2000</div> <!-- Checks if you own it to change the text at the bottom --> <<if $hasNewPhone is true>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: Yes</div> <<else>> <div style="color: #ff5252; font-style: italic; font-size: 11px; margin-top: 5px;">(WIP - Useless for now)</div> <</if>> </div> </div> <!-- END OF ITEM GRID --> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Mall" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE STORE </a> </div> </div> <!-- HIDDEN BACKEND LINK FOR MAP --> <div style="display: none;"> [[Mall]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_angela_first_jerk to true>> <!-- LOGIC: IF THIS EVENT WAS ALREADY COMPLETED, TELEPORT TO THE REPEAT SCENE --> /* WE ADDED "and not $gallery_mode" SO THE REPLAY DOESNT TELEPORT YOU AWAY! */ <<if $angelaFirstJerkDone is true and not $gallery_mode>> <<goto "AngelaJerkRepeatPassage">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Small Reward</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Angela beckons you over with a flick of her wrist. A deeply condescending smirk crosses her lips as she prepares to dole out your so-called "reward." </p> </div> <!-- ========================= --> <!-- SECTION 1 --> <!-- ========================= --> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE 1 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Uhh... what the fuck, Angela? Why did you stop? I was right on the edge! </div> </div> </div> <!-- ANGELA DIALOGUE 1 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Watch your fucking tone with me. You aren't cumming at all unless you agree to address me as Mistress Angela from now on. </div> </div> </div> <!-- JACK DIALOGUE 2 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Mistress...? Are you serious? </div> </div> </div> <!-- ANGELA DIALOGUE 2 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, Mistress. And you will do exactly as I say. Now, go ahead and beg your Mistress to let you finish. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With your aching dick throbbing and on the absolute brink of exploding, your pride completely crumbles. You cave in and desperately start to beg her. </p> </div> <!-- JACK DIALOGUE 3 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Please... please let me cum, Mistress. I promise I'll be your good boy, just please... </div> </div> </div> <!-- ANGELA DIALOGUE 3 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> That's a good boy. Go ahead, cum for your Mistress. </div> </div> </div> <!-- ========================= --> <!-- SECTION 2 --> <!-- ========================= --> <!-- VIDEO 2 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE 4 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Look at this massive mess you made. It's time to clean up. Open your mouth and swallow every last drop of your cum. </div> </div> </div> <!-- JACK DIALOGUE 4 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Oh, come on, Angela... please, not again... </div> </div> </div> <!-- ANGELA DIALOGUE 5 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> EXCUSE ME? </div> </div> </div> <!-- JACK DIALOGUE 5 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Ah! I—I mean, yes, Mistress. </div> </div> </div> <!-- ANGELA DIALOGUE 6 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I swear to God, if you ever dare question my authority again, you will severely regret it. Now open your fucking mouth and start licking. </div> </div> </div> <!-- JACK DIALOGUE 6 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> *Sighs heavily...* Yes, Mistress. </div> </div> </div> <!-- ========================= --> <!-- SECTION 3 --> <!-- ========================= --> <!-- VIDEO 3 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff3.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE 7 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Good boy. Now get the fuck out of my sight before I change my mind. </div> </div> </div> <!-- JACK DIALOGUE 7 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, Mistress. </div> </div> </div> /* 2. THE STAT SHIELD (Blocks stats and completion variables if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +1</span> </div> <!-- ========================= --> <!-- BACKEND MATH & VARIABLES --> <!-- ========================= --> <!-- Updates the stats --> <<set $angelaDomination += 1>> <<set $jackFemininity += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- This variable is what tells the game not to play this scene again! --> <<set $angelaFirstJerkDone = true>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> <</if>> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] [[AngelaJerkRepeatPassage]] </div> <</nobr>>
<<nobr>> <!-- 1. THIS PICKS ONE OF THE 3 VIDEOS AT RANDOM --> <<set _randomLickVid = either( "videos/Angela_lick1.mp4", "videos/Angela_lick2.mp4", "videos/Angela_lick3.mp4" )>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Serving Mistress</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step into the bedroom, immediately stopping in your tracks. Angela is sprawled out on the mattress, her fingers lazily playing with her own wetness as she locks eyes with you. </p> </div> <!-- TOP GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_top.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ANGELA DIALOGUE 1 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Right on time. My fingers are getting tired, and I'm dying to cum. Get over here and lick your Mistress like a good dog. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Without a single moment of hesitation, you drop to your knees and crawl to the edge of the bed, eagerly pressing your face between her thighs to begin licking. </p> </div> <!-- ============================================== --> <!-- MAIN RANDOMIZED VIDEO --> <!-- ============================================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video @src="_randomLickVid" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> You taste absolutely amazing, Mistress... Is this to your liking? </div> </div> </div> <!-- ANGELA DIALOGUE 2 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Fuck, yes... keep your tongue right there. Ahhh, I'm cumming! </div> </div> </div> <!-- NARRATIVE TEXT BLOCK 3 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Her thighs clamp down on your head as she suddenly squirts right across your face. Despite the mess, the taste is absolutely intoxicating to you. </p> </div> <!-- BOTTOM GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_bottom.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ============================================== --> <!-- BACKEND MATH & RETURN --> <!-- ============================================== --> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 25px; margin-bottom: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <!-- UPDATE TALK COUNTER & STATS --> <<set $angelaDomination += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <!-- 1. THIS PICKS ONE OF THE 3 VIDEOS AT RANDOM --> <<set _randomJerkVid = either( "videos/Angelas jerkoff repeat1.mp4", "videos/Angelas jerkoff repeat2.mp4", "videos/Angelas jerkoff repeat3.mp4" )>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Mistress's Reward</h2> <!-- JACK DIALOGUE (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> "Mistress... I've been a good boy today. May I please have my reward?" </div> </div> </div> <!-- ANGELA DIALOGUE (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> "Since you remembered your place and asked so nicely, I suppose I can help you out. Cum for your Mistress." </div> </div> </div> <!-- RANDOMIZED VIDEO PLACEHOLDER --> <!-- Notice the @ sign in front of src! This is required to load the variable! --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video @src="_randomJerkVid" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 25px; margin-bottom: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <!-- UPDATE TALK COUNTER & STATS --> <<set $angelaDomination += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_dream1 to true>> <div style="background: #0a0a0f; border-radius: 16px; padding: 35px; border: 1px solid #333; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(0,0,0,0.8);"> <h2 style="color: #6c5ce7; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; font-style: italic;">A Restless Night...</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #6c5ce7; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> You toss and turn in bed, the sheets tangled tightly around your legs. In the dead of night, a vivid, inescapable dream floods your mind, sending heat straight to your groin and leaving you rock hard. </p> </div> <!-- VIDEO PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Dream1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.8); opacity: 0.9;"></video> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #6c5ce7; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> The intense imagery of Charlotte being thoroughly used and dominated plays on loop behind your eyelids, making you leak helplessly into your boxers. </p> </div> <!-- IMAGE/GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Cum in pants.gif" style="width: 100%; border-radius: 12px; opacity: 0.8;"> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (What is wrong with me...? Why can't I stop having these kinds of dreams?) </div> </div> </div> /* 2. THE STAT SHIELD (Blocks the day from advancing if in gallery mode) */ <<if not $gallery_mode>> <!-- ============================================== --> <!-- BACKEND MATH: WAKING UP NORMALLY --> <!-- ============================================== --> <<set $dream1Done = true>> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $angelaLastTalkDay = 0>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #6c5ce7; border: 1px solid #6c5ce7; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;"> WAKE UP </a> </div> <</if>> </div> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_dream2 to true>> <div style="background: #0a0a0f; border-radius: 16px; padding: 35px; border: 1px solid #333; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(0,0,0,0.8);"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; font-style: italic;">The Obsession Deepens...</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #ff5252; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> Sleep offers no escape tonight. The moment you drift off, the dark hallway returns—only this time, the sounds and sights of her room are far more vivid, driving you to an unbearable edge. </p> </div> <!-- VIDEO PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Dream2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255,82,82,0.3); opacity: 0.9;"></video> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #ff5252; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> Watching her surrender to strangers in your own house pushes your arousal past the breaking point, soaking through your underwear yet again. </p> </div> <!-- IMAGE/GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Cum in pants.gif" style="width: 100%; border-radius: 12px; opacity: 0.8;"> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I can't keep living like this... I need to find out what's really happening.) </div> </div> </div> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- CONTINUE BUTTON TO EPIPHANY --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="JackSpycamEpiphany" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;"> WAKE UP! </a> </div> <</if>> </div> <div style="display: none;"> [[JackSpycamEpiphany]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Next Morning</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You bolt upright in bed, your chest heaving as a cold sweat covers your skin. Sunlight pours through the curtains, but your mind is completely trapped in the terrifying reality of what you've witnessed. </p> </div> <!-- JACK DIALOGUE 1 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I can't take this anymore. The thought of what those guys were doing to her... of what might be happening right under my roof while I'm asleep.) </div> </div> </div> <!-- JACK DIALOGUE 2 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I need to know everything. Maybe buying a spycam from the electronics store and watching over the house is a good idea. That way, I'll never be left in the dark again.) </div> </div> </div> <!-- SYSTEM NOTIFICATION BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4caf50; border-radius: 8px;"> <span style="color: #4caf50; font-weight: bold; font-size: 16px; letter-spacing: 1px;"> You can now plant Spycams around the house!</span> </div> <!-- ============================================== --> <!-- BACKEND MATH & VARIABLES --> <!-- ============================================== --> <<set $dream2Done = true>> <<set $canPlantSpycam = true>> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $angelaLastTalkDay = 0>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> START THE DAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #2e7d32; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Busted.</h2> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I cant believe am about to do this)</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> With trembling hands, you slide the silky pink panties up your legs. You look at yourself in the mirror. You feel a deep, burning sense of shame... but also an undeniable thrill. They are so soft, so comfortable. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/First time panties.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Wow they are comfortable as shit)</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Suddenly, the door swings wide open without a knock.. </p> </div> <!-- CHARLOTTE DIALOGUE 1 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Hey, Mom wanted me to ask if you— Oh. My. God.</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Charlotte freezes in the doorway, staring directly at your waist. The silence is deafening. Then, a slow, wicked smile spreads across her face as she pulls out her phone and snaps a quick photo. *Click.* </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Charlotte picture.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- CHARLOTTE DIALOGUE 2 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Well, well, well. Who knew my pathetic stepdad was such a little freak? I wonder what Mom would say if I sent this to her? Or better yet, posted it online?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte, wait! Please! Delete that, I am your stepdad!</div> </div> </div> <!-- CHARLOTTE DIALOGUE 3 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Stepdad? you are wearing women panties, so you are not a man anymore, and am posting this picture online to let the entire world know who you really are</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte, Please! I'll do anything just delete the picture!</div> </div> </div> <!-- CHARLOTTE DIALOGUE 3 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Anything? Good. From now on, you don't take those off. You wear them around the house. You wear them to work. If I find out you're wearing male underwear again, this picture goes everywhere</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Even my stepdaughter? why is this happening to me)</div> </div> </div> <!-- SYSTEM NOTIFICATION --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(46, 125, 50, 0.1); border: 1px solid #2e7d32; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #a5d6a7; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW RULE: You must now wear panties at all times!</span> </div> <!-- BACKEND MATH --> <<set $charlotteBlackmail = true>> <<set $equippedPanties = true>> <<set $jackFemininity += 5>> <<set $charlotteDomination += 5>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2e7d32; border: 1px solid #2e7d32; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> ACCEPT YOUR FATE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Men's Restroom</h2> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You rush into the empty bathroom and frantically unbuckle your pants, pulling them down to dab at the coffee stain on your thighs. The silk panties you are forced to wear are on full display. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/70000.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Without warning, the bathroom door clicks shut behind you. </p> </div> <!-- LAUREN DIALOGUE --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I brought some paper towels— Oh my.</div> </div> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren shocked.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- LAUREN DIALOGUE --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Are those... women's panties?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Lauren! Get out! You can't be in here! Please, it's not what it looks like!</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She completely ignores you, stepping closer. Her eyes scan up and down your legs, taking in your hairy thighs clashing with the delicate pink fabric. </p> </div> <!-- LAUREN DIALOGUE 2 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I wonder what Kendra would do if she knew you were wearing lingerie at work. Or Tyron? He'd probably fire you on the spot. But... I don't have to tell them.</div> </div> </div> <!-- LAUREN DIALOGUE 3 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">If you want to dress like a girl, you're going to commit to it. Tonight, you're going to shave your face and those disgusting, hairy legs of yours. Let's see how smooth you can get them. Understand?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Yes ma'm...(I hate my life)</div> </div> </div> <!-- SYSTEM NOTIFICATION --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW MISSION: Lauren wants you to shave your legs!</span> </div> <!-- BACKEND MATH --> <<set $laurenBlackmail = true>> <<set $jackFemininity += 5>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> AGREE AND FLEE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Smooth Finish</h2> <!-- ========================================== --> <!-- FIRST TIME TEXT --> <!-- ========================================== --> <<if $firstLegShaveDone isnot true>> <!-- NARRATIVE 1 --> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You stand in the bathroom, a razor trembling slightly in your hand. Lauren's threat echoes in your mind. Taking a deep breath, you apply the shaving cream and carefully drag the blade up your calf. </p> </div> <!-- THE GIF (FIRST TIME PLACEMENT) --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Leg shaving.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"I can't believe I did this..."</div> </div> </div> <!-- NARRATIVE 2 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Thick patches of dark hair wash down the drain, revealing pale, bare skin underneath. It takes a long time to get both legs completely smooth, but once you finish and rinse them off, you run your hand down your thigh. <br><br> It feels incredibly soft. Dangerously soft. You feel a deep wave of emasculation, but beneath the shame... you actually kind of like how it feels against your silk panties. </p> </div> <!-- SYSTEM NOTIFICATION (ONLY PLAYS ONCE) --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">QUEST COMPLETE: Your legs are now completely hairless.</span> </div> <!-- LOCKS THE FIRST-TIME EVENT --> <<set $firstLegShaveDone = true>> <!-- ========================================== --> <!-- RECURRING TEXT (2ND TIME, 3RD TIME, ETC) --> <!-- ========================================== --> <<else>> <!-- SHORT NARRATIVE 1 --> <div style="background: #14141d; border-left: 3px solid #ff69b4; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You carefully lather your legs and drag the razor up your calves, familiar with the routine now. </p> </div> <!-- THE GIF (RECURRING PLACEMENT) --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Leg shaving.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- SHORT NARRATIVE 2 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Watching the dark hair wash away leaves you with a deep, shameful thrill as your skin is left perfectly smooth once again. </p> </div> <</if>> <!-- ========================================== --> <!-- STAT GAIN NOTIFICATION (PLAYS EVERY TIME) --> <!-- ========================================== --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+2 FEMININITY</span> </div> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="ShavePassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO SHAVING MENU </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[ShavePassage]] </div> <</nobr>>
<<nobr>> <!-- BACKEND LOGIC: CHECKING REQUIREMENTS --> <<set _passedInspection = true>> <!-- 1. Base Requirements (Always Checked) --> <<if $faceShaved isnot true>><<set _passedInspection = false>><</if>> <<if $legsShaved isnot true>><<set _passedInspection = false>><</if>> <!-- 2. Dynamic Requirements (Added as he unlocks them) --> <<if $CrotchQuestComplete is true and $crotchShaved isnot true>><<set _passedInspection = false>><</if>> <<if $ChestQuestComplete is true and $chestShaved isnot true>><<set _passedInspection = false>><</if>> <<if $AssQuestComplete is true and $assShaved isnot true>><<set _passedInspection = false>><</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Inspection</h2> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You drop to your knees beside her desk. Lauren reaches out, dragging a perfectly manicured hand across your jawline to check for stubble. Then, she forces you to roll up your pant legs, running her palms up and down your calves. </p> </div> <!-- ========================================== --> <!-- SUCCESS / REWARD EVENT --> <!-- ========================================== --> <<if _passedInspection is true>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm... Perfectly smooth. Not a single disgusting hair in sight. You really are embracing your new role, aren't you?</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She smiles warmly down at you, slipping her foot out of her heel. She wiggles her toes right in front of your face. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Good sissies get a reward. Give them a kiss, and then take these files back to your desk.</div> </div> </div> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"Th-thank you, ma'am..."</div> </div> </div> <!-- REWARD STAT GAIN --> <<set $jackFemininity += 2>> <!-- ========================================== --> <!-- FAILURE / PUNISHMENT EVENT --> <!-- ========================================== --> <<else>> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">"Ew. What is this? Do you feel this stubble? Are you trying to test my patience, Jack?"</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She snatches her hand back as if you burned her, wiping her palm on her skirt in utter disgust. She grabs a massive, heavy stack of unorganized folders and slams them onto your chest. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">"You are disgusting. I don't want a hairy ape anywhere near my cubicle. Take all of my paperwork for the week and do it standing up at your desk. And you better be completely hairless by tomorrow, or I am sending that picture to Kendra."</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"I'm sorry! I'm sorry, I'll fix it tonight, I promise!"</div> </div> </div> <!-- PUNISHMENT STAT LOSS --> <<set $energy -= 20>> <<set $jackCuck += 3>> <</if>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> TAKE HER WORK & LEAVE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff9800; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Pleasing Lauren</h2> <!-- ======================================================== --> <!-- FAILURE: PLAYER HAS STUBBLE (KICKED OUT) --> <!-- ======================================================== --> <<if $faceShaved isnot true or ($dayCount - $legShavedDay) >= 10 or ($dayCount - $chestShavedDay) >= 10 or ($dayCount - $crotchShavedDay) >= 10 or ($dayCount - $assShavedDay) >= 10>> <div style="background: #14141d; border-left: 3px solid #ff9800; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into Lauren's office and eagerly move to get on your knees. Before you can even drop down, Lauren holds up a hand, her eyes scanning you in disgust. </p> </div> <div style="background-color: rgba(255, 152, 0, 0.15); border: 2px solid #ff9800; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff9800;" alt="Lauren"> </div> <div> <div style="color: #ff9800; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Stop right there. Are you kidding me right now? Did you actually think you could touch me looking like that?</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You freeze, suddenly realizing that you let your body hair grow out. The stubble is visible, and Lauren looks absolutely repulsed. </p> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm sorry, Lauren! I just haven't had time to shave—</div> </div> </div> <div style="background-color: rgba(255, 152, 0, 0.15); border: 2px solid #ff9800; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff9800;" alt="Lauren"> </div> <div> <div style="color: #ff9800; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I don't care about your excuses! You are my smooth little pet. If you aren't completely hairless, you are completely useless to me. Get out of my office!</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 152, 0, 0.1); border: 2px dashed #ff9800; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff9800; font-weight: bold; font-size: 16px; letter-spacing: 1px;">REQUIREMENT FAILED: YOU MUST BE FULLY SHAVEN.</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff9800; border: 1px solid #ff9800; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE IN SHAME </a> </div> <!-- ======================================================== --> <!-- SUCCESS: PLAYER IS FULLY SHAVED (PROCEED TO STAGES) --> <!-- ======================================================== --> <<else>> <!-- ========================================== --> <!-- STAGE 1: HEEL CLEANING & FOOT WORSHIP --> <!-- ========================================== --> <<if $laurenBullyStage is 1>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Instead of taking the files, you slowly sink to your knees in front of Lauren's desk. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Well, aren't you an eager little pet today? My heels are absolutely filthy from walking all over you people. Start cleaning.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Right away, Mistress Lauren.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Papper heels cleaning.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Pathetic. Paper isn't going to cut it. Toss that trash and use your tongue like a good office dog.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Heels cleaning.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Much better. They're practically gleaming with your spit. I suppose I can reward you by letting you worship the real thing now.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You mean it?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look at you begging like a starved animal. Yes, you freak. Get my bare soles spotless.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Feet worship.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm, you're actually useful for something after all. Crawl back to your desk, loser. Keep this up, and maybe I'll let you taste something better next time.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thank you, Lauren. I can't wait.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 1/3</span> </div> <<set $laurenBullyStage = 2>> <!-- ========================================== --> <!-- STAGE 2: THIGH & ASS WORSHIP --> <!-- ========================================== --> <<elseif $laurenBullyStage is 2>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You drop to your knees eagerly, remembering her promise from last time. She smiles, unzips her skirt, and steps out of it, standing right in front of you. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I see you staring when I walk past your cubicle. You've been fantasizing about this ass all week, haven't you, freak?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Oh god, yes. Constantly.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Such a pathetic little creep. Come here and bury your face in it. Inhale deeply.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You press your face against her soft skin, inhaling deeply as she grinds her hips against you. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Does it smell good down there? Take a huge whiff of your superior.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's intoxicating. I love it, Mistress.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Less talking, more kissing. Worship every inch of it.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm, you have such a submissive little mouth. Lay flat on the floor right now.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You roll onto your back. She steps over you, hovering her heavy curves right above your face. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship3.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Okay, I'm bored of you now. You did alright for a loser. Behave, and next time I might actually let you between my legs.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 2/3</span> </div> <<set $laurenBullyStage = 3>> <!-- ========================================== --> <!-- STAGE 3: CUNNILINGUS & STAT REWARDS --> <!-- ========================================== --> <<else>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look who's back on his knees. You really are addicted to serving me, aren't you?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Please, Lauren. Let me taste you. I'm begging you.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">It's hilarious how desperate you are. Fine. Crawl over here and earn your keep.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She spreads her legs right in front of your face. Her wet, hairy pussy is irresistible. You start licking like a thirsty dog. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren pussy licking1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Fuck, right there. Don't you dare stop or I'll make your life a living hell.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren pussy licking2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Wow, you actually know what you're doing. Lay on your back. Time to ruin that pathetic little toy of yours.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You lie back on the carpet. Lauren reaches down, grabbing you through your panties and beginning to stroke you with an expert, teasing grip. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren jerking1.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look at this tiny, useless thing. It's practically a clit now. Come on, make a mess for your boss.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ahh, God, I'm going to ruin my panties!</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren jerking2.mp4" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Your body tenses as she edges you, finally letting you spill over into a ruinous, humiliating climax right there on the office floor. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">What a total mess. You're a disgusting, obedient little sissy. Now clean yourself up and crawl back to your desk before I kick you.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px solid #ffb74d; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 3/3 COMPLETE</span> </div> <div style="text-align: center; margin-top: 0px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+1 FEMININITY</span> </div> <<set $jackFemininity += 1>> <<set $laurenBullyStage = 1>> <</if>> <!-- TIME PROGRESSION (ONLY IF HE PASSED) --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND RETURN TO DESK </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Desk</h2> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You lift your pant legs, showing Lauren your freshly shaved, smooth skin. She inspects them closely, a wicked smirk forming on her lips. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Not bad. But if you're going to be my little office pet, half-measures won't work. I want the rest of it gone. Chest, crotch, and ass. I want you completely smooth like a little girl.</div> </div> </div> <!-- QUEST UNLOCK BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST UNLOCKED: A SMOOTH PET</span> </div> <!-- THIS FLIPS THE SWITCH --> <<set $laurenFullShaveOrdered = true>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> NOD AND RETURN TO WORK </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Late Night Visitor</h2> <div style="background: #14141d; border-left: 3px solid #00bcd4; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You fall asleep in your panties, enjoying the smooth feeling of your freshly shaved body against the bedsheets. Suddenly, the blankets are ripped off of you. The harsh bedroom light turns on. </p> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Wake up loser its time to---- Oh my god.</div> </div> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Panty sleep.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"> Look at you. Completely hairless and sleeping in women's underwear like a proper little sissy.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela! It's not what it looks like, I swear—</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Shut up. If you're going to dress like a girl in my house, you're going to do it right. You need a bra for those developing little pecs of yours.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She smirks, tossing the blanket back over your humiliating outfit before walking to the door. </p> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I expect you to buy a bra and wear it. Don't let me catch you looking like half a man again. Be a good girl for me.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Fuckk I should have known this would happen)</div> </div> </div> <!-- QUEST UNLOCK BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(0, 188, 212, 0.1); border: 2px dashed #00bcd4; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #00bcd4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST UNLOCKED: A GROWING SISSY</span> </div> <!-- THIS KILLS LAUREN'S QUEST AND STARTS ANGELA'S --> <<set $questAngelaBra = "active">> <<set $questWomenswear = true>> <!-- TIME PROGRESSION --> <<set $time = "Morning">> <<set $dayCount += 1>> <<set $dayIndex = ($dayIndex + 1) % 7>> <<set $energy = $maxEnergy>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> WAKE UP HUMILIATED (NEXT DAY) </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[MainHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Kendra's Office</h2> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into Kendra's office, hoping to just drop off some files. But as soon as the door clicks shut, she locks eyes with you. She knows. Lauren told her everything. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Strip. Right now. I want to see exactly what my new office pet is wearing under those clothes.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Humiliated, you take off your work clothes. You stand before your boss completely hairless, wearing only pink panties and a training bra. She walks around you, inspecting every inch. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Pathetic. But if you are going to be my toy, you need to be ready for me at all times. Go to the shop and buy a buttplug. You will wear it to work every single day.</div> </div> </div> <!-- QUEST UNLOCK BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 82, 82, 0.1); border: 2px dashed #ff5252; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST UNLOCKED: THE BOSS'S TOY</span> </div> <!-- BACKEND QUEST LOGIC (FINISHES ANGELA, STARTS KENDRA) --> <<set $questAngelaBra = "completed">> <<set $questKendraPlug = "active">> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> PUT YOUR CLOTHES ON AND LEAVE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Boss's Toy</h2> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step into Kendra's office, feeling the silicone plug stretching you with every step you take. Kendra looks up from her desk, her eyes narrowing. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Are you wearing it? Strip and show me.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You blush deeply, pulling your pants down and bending over to show her the pink base of the plug nestled between your shaved cheeks. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Plugged ass.webp" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ohhh what a nice view. Well done girl. Now lay on my lap I want to touch that sweet ass of yours.</div> </div> </div> <!-- NEW INTRO VIDEO --> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra spanking.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Ouchh that hurts mistress.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I dont give a shit sissy, now thank me and get the fuck out.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Thank you mistress.</div> </div> </div> <!-- QUEST COMPLETED BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 2px dashed #4caf50; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #4caf50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">QUEST COMPLETED: THE BOSS'S TOY</span> </div> <!-- RED UNLOCK TEXT --> <div style="text-align: center; color: #ff5252; font-weight: bold; font-style: italic; font-size: 13px; margin-bottom: 25px; letter-spacing: 1px;"> (You can now serve Kendra in her office!) </div> <!-- KILLS THE QUEST, SETS UP STAGE 1 FOR NEXT TIME --> <<set $questKendraPlug = "completed">> <<set $kendraBullyStage = 1>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND LEAVE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Pleasing the Boss</h2> <!-- ======================================================== --> <!-- KICK OUT SCENE (NO PLUG) --> <!-- ======================================================== --> <<if $equippedPlug isnot true>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into Kendra's office and confidently drop to your knees, ready to serve her. But as you kneel, Kendra's eyes narrow sharply. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Stand up. Turn around.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Confused, you do as she says. She stares at your pants, instantly noticing the lack of a familiar pink silicone bulge stretching out your backside. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Are you completely braindead? Did you really think you could come in here and serve me without wearing your uniform?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I-I'm sorry, Mistress! I took it out and forgot—</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Get the fuck out of my office. Don't even look at me again until your ass is properly stuffed.</div> </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE IN SHAME </a> </div> <!-- ======================================================== --> <!-- STAGE 1 (WEARING PLUG) --> <!-- ======================================================== --> <<elseif $kendraBullyStage == 1>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You slip into Kendra's office, locking the door behind you. Every step is a humiliating reminder of the plug stretching you out. Kendra is waiting, leaning back in her expensive leather chair with a predatory smirk. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Kendra sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Come here, sissy. I've decided my pathetic little office pet has earned a reward today.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">R-really, Mistress?</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Lauren mentioned you have a desperate need to serve. I think it's time I put that filthy little tongue to work.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> She slowly stands up, letting her expensive business wear drop to the floor, displaying her flawless curves while looking down at you with utter contempt. </p> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra strip.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Look at me, loser. Tell me how completely out of your league I am.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Y-yes, Mistress. You're perfect... please, let me serve you.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You don't get to touch me. Get your face on the floor and start cleaning my feet, dog.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra feet licking1.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra feet licking2.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">That's enough. I'm bored of you now. Fix your pathetic outfit and get the fuck out of my sight.</div> </div> </div> <<set $kendraBullyStage = 2>> <<set _passedTime = true>> <!-- ======================================================== --> <!-- STAGE 2 (WEARING PLUG) --> <!-- ======================================================== --> <<elseif $kendraBullyStage == 2>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk in to find Kendra already completely naked, casually resting on her desk with her legs parted, waiting for her toy to arrive. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Don't just stand there drooling like an idiot. Get on your knees where you belong. Let's see how well you follow orders today.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra ass licking1.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Get your face in there, sissy. Breathe it in. Tell me exactly what you are.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm just your pathetic toy, Mistress... I love it.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Good. Now bury your face in my ass and don't stop until I tell you to.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra ass licking2.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She degrades you relentlessly, grabbing you by the hair and forcing your face exactly where she wants it. You eagerly take the humiliation, desperate to keep her satisfied. </p> </div> <<set $kendraBullyStage = 3>> <<set _passedTime = true>> <!-- ======================================================== --> <!-- STAGE 3 (WEARING PLUG) --> <!-- ======================================================== --> <<else>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You don't even wait for an invitation anymore. You lock the door and immediately drop to your knees on her carpet. It's just part of your daily routine now. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Good girl. You're finally learning your place in this company.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra Pussy licking1.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I should just throw my chair away and use your pathetic face as my seat all day. It's all you're good for.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Gladly, Mistress. I'd be honored.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Shut up and open your mouth. I'm going to use your face.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra Pussy licking2.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You've been a good enough slut today. Lay on the floor and let me ruin you.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra cum.mp4" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Messy little sissy. Clean yourself up and get the fuck back to your desk before I fire you.</div> </div> </div> <<set $kendraBullyStage = 1>> <<set _passedTime = true>> <</if>> <!-- ======================================================== --> <!-- TIME PROGRESSION (ONLY IF HE PASSED & PLAYED A STAGE) --> <!-- ======================================================== --> <<if _passedTime is true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND LEAVE </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <style> /* Custom Styling to make the Cheat Menu look awesome */ .cheat-box { background: #151520; border-radius: 8px; padding: 15px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .jack-box { border: 1px solid #aaaaaa; } .angela-box { border: 1px solid #00bcd4; } .charlotte-box { border: 1px solid #4caf50; } .cheat-title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 12px; display: block; } .flex-container { display: flex; gap: 15px; flex-wrap: wrap; } .flex-half { flex: 1; min-width: 200px; } </style> <h3>🛠️ Developer & Cheat Dashboard</h3> <hr style="border-color: #444; margin: 20px 0;"> /* 1. LOGIN SCREEN (If they haven't unlocked it yet) */ <<if not $cheat_unlocked>> Enter Cheat Code: <<textbox "$cheat_input" "">> <<button "Submit Code" "CheatMenu">> <<if $cheat_input == "PATREONVIP2725">> <<set $cheat_unlocked to true>> <<set $stat_msg to "Access Granted! Welcome to the Dev Menu.">> <<else>> <<set $stat_msg to "Invalid Cheat Code.">> <</if>> <</button>> <br><br><span style="color:red; font-weight:bold;"><<print $stat_msg>></span> /* 2. THE ACTUAL CHEAT DASHBOARD (Visible once unlocked) */ <<else>> <div style="text-align: center; margin-bottom: 15px;"> <b style="color:#00e676; font-size: 16px;"><<print $stat_msg>></b> </div> <div class="cheat-box jack-box"> <b class="cheat-title" style="color:#aaaaaa;">👑 Jack's Attributes</b> <<button "💸 + $500 Cash" "CheatMenu">> <<set $money += 500>> <<set $stat_msg to "Jack's Wallet: +$500!">> <</button>> <<button "⚡ Max Energy" "CheatMenu">> <<set $energy = $maxEnergy>> <<set $stat_msg to "Jack's Energy Fully Restored!">> <</button>> <<button "💄 + 5 Femininity" "CheatMenu">> <<set $jackFemininity += 5>> <<set $stat_msg to "Jack's Femininity increased by 5!">> <</button>> <<button "🏋️♂️ + 5 Fitness" "CheatMenu">> <<set $jackFitness += 5>> <<set $stat_msg to "Jack's Fitness increased by 5!">> <</button>> <<button "📸 + 5 Cuck" "CheatMenu">> <<set $jackCuck += 5>> <<set $stat_msg to "Jack's Cuck stat increased by 5!">> <</button>> </div> <div class="flex-container"> <div class="cheat-box angela-box flex-half"> <b class="cheat-title" style="color:#00bcd4;">💅 Angela</b> <<button "💋 + 5 Slut" "CheatMenu">> <<set $angelaSlut += 5>> <<set $stat_msg to "Angela's Slut stat +5!">> <</button>> <<button "👠 + 5 Domination" "CheatMenu">> <<set $angelaDomination += 5>> <<set $stat_msg to "Angela's Domination +5!">> <</button>> </div> <div class="cheat-box charlotte-box flex-half"> <b class="cheat-title" style="color:#4caf50;">🍷 Charlotte</b> <<button "💋 + 5 Slut" "CheatMenu">> <<set $charlotteSlut += 5>> <<set $stat_msg to "Charlotte's Slut stat +5!">> <</button>> <<button "👠 + 5 Domination" "CheatMenu">> <<set $charlotteDomination += 5>> <<set $stat_msg to "Charlotte's Domination +5!">> <</button>> </div> </div> <div style="text-align: right;"> <<button "🔒 Lock Dashboard" "CheatMenu">> <<set $cheat_unlocked to false>> <<set $stat_msg to "">> <<set $cheat_input to "">> <</button>> </div> <</if>> <hr style="border-color: #444; margin: 30px 0;"> <h3>🎦 Event Replay Gallery</h3> Rewatch scenes <br><br> <<if $played_charlotte_midnight>> * <<link "Replay Charlotte's Midnight Discovery" "CharlotteNightEvent">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_charlotte_dream1>> * <<link "Replay Charlotte's Dream 1" "CharlotteDream1">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_charlotte_dream2>> * <<link "Replay Charlotte's Dream 2" "CharlotteDream2">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_angela_secretary_event>> * <<link "Replay Angela's Employments Reward" "AngelaEvent1">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_angela_first_jerk>> * <<link "Replay Angela's First Jerkoff Reward" "AngelaJerkPassage">><<set $gallery_mode to true>><</link>><br> <</if>> <hr style="border-color: #444; margin: 20px 0;"> <div style="text-align: center; margin-top: 30px;"> <<link "Close Menu & Return to Game" $return_passage>><</link>> </div> <</nobr>>